游戏思路 一般游戏开发可大体分为以下四个步骤，这里主要针对 H5 小游戏： 第一步： 准备资源 这部分没什么好说的，准备好素材就是了，一般就是图片和音频 当前跳一跳项目中用到的素材有（如下图所示）： 要注意的一点是：这里的方块阴影只是假装有个 3D 的效果，其实就是个图片 写代码的时候，方块图片的锚 ...
分类：
其他好文 时间：
2020-08-03 09:42:30
阅读次数：
122
首先我用的框架是Vue+vant 写的h5页面 一：在main.js中 import BaiduMap from 'vue-baidu-map' Vue.use(BaiduMap,{ ak:'KtmkN07XXXXXXXXXmiKbWp9B2'//自己去百度API申请，免费的 }) Vue.conf ...
分类：
其他好文 时间：
2020-07-30 18:09:47
阅读次数：
254
echart全家桶 echart是基于cavans的图表绘制最为强大的H5组件，其在微信小程序中也有很好的支持，全面的使用 已经有很多介绍文章，本人就不拾人牙慧了，这里补充一些在其他文章中没有出现，但是在使用过程中可能会遇到的一些问题解决方法。 引用方法 复制echart相关文件到小程序的根目录，最 ...
分类：
微信 时间：
2020-07-29 10:15:50
阅读次数：
123
在h5和wxapp中 生成qrcode的组件 https://ext.dcloud.net.cn/plugin?id=39 wx小程序扫二位码文档 生成链接时 computed: { ...mapState(['userinfo']), val() { let val = ''; // h5直接跳网 ...
分类：
移动开发 时间：
2020-07-26 15:36:04
阅读次数：
222
背景：项目地图页面上有海量点，每个点都有不同的指标数值，而且很多点根据分类还用不同的图片作为背景。因此考虑用H5 Canvas加载图标png并把数值画上去，然后把canvas导出图片url并应用到点标记上。 1、常规绘制： 代码： var image = new Image(); image.src ...
分类：
其他好文 时间：
2020-07-26 15:02:49
阅读次数：
78
1. 键盘弹出触发window.resize，对页面产生挤压，造成定位紊乱 在页面初始化完成的时候，固定外部容器的宽高，resize的时候也不影响内部dom的相对位置。例如，以body为容器： <style type="text/css"> html,body{ width: 100%; heigh ...
分类：
其他好文 时间：
2020-07-24 09:34:53
阅读次数：
64
1 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 2 pre, a, abbr, acronym, address, big, cite, code, del, dfn, e ...
分类：
Web程序 时间：
2020-07-23 18:57:16
阅读次数：
74
一、前言 工作上遇到一个这样的需求，一个H5页面在APP端，如果勾选已读状态，则下次打开该链接，会跳过此页面。用到了html5 的本地存储 API 中的 localStorage作为解决方案，回顾了下Web缓存的知识，感觉自己了解得不够多，所以想整理下，加深理解。 Web缓存是指一个Web资源（如h ...
分类：
Web程序 时间：
2020-07-23 16:45:17
阅读次数：
97
目前只实现了基本的事件上报设计，更贴合业务的埋点可在此设计基础上扩展，比如上报时间戳、页面停留时长、页面渲染时长等。 SDK GIthub地址 一、安装 // 页面head引入 <script src="./webTrack.js"></script> 二、配置 track对象中的clientCon ...
分类：
移动开发 时间：
2020-07-23 16:23:39
阅读次数：
101
微信小程序嵌套h5页面，h5页面返回小程序，小程序和h5的页面和交互方法，h5点击分享小程序页面 ...
分类：
微信 时间：
2020-07-22 16:11:16
阅读次数：
138
