HTML实现当前页面刷新 首先我们都知道在HTML页面我们要实现当前页面刷新一般会怎么解决呢？ 1，reload()方法刷新当前页面； 2，replace() 方法刷新当前页面； ...
效果图 实现思路 首先通过HTML+CSS实现加载动画的静态效果； 根据需求给每个动画设计不同的动画效果。 例如第一个加载图标的静态绘制 1、首先确定动画的盒子宽高； 2、...
设计思路流程图 1、全局常量 constructor(page,opts){ // 初始化全局常量数据 this.page = page; this.width = opts...
效果图 设计流程 设计思路 canvas设置背景图，作为中奖图片； 在canvas上绘制刮的灰色涂层； 通过绑定的事件，清除对应区域的涂层； 最后判断涂层清除区域是否超过设置的可见百分...
效果图 实现原理 map组件实现定位标记或者指定定位标记，并保存location。 采用高德地图微信小程序开发API（getRegeo）获取当前位置或者指定位置的详细描述。 WX...
效果图 实现原理 采用高德地图微信小程序开发API（getWeather），如果 city 属性的值为空（或者没有city属性），默认返回定位位置的天气数据；如果 city 不为空，则返...
效果图 实现原理 通过高德地图的微信小程序开发API（getInputtips），实现关键词获取对应提示列表，同时返回location。 WXML <view c...
效果图 实现原理 通过map组件标记起始点和绘制路线图； 通过高德地图API获取不同类型的路线坐标点，以及耗费时间和路程。 WXML <view class=...
效果图 官网解释 如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 中的输入内容， 的选中状态），需要使用 wx:key 来指...
图片 出现错误场景 微信小程序输入地址进行定位，在返回的数据进行处理时报错。 报错原因 在获取location取值时将经纬度取反，location的格式是‘经度,纬度’，在取...
效果图 实现方法 地图采用微信小程序提供的map组件； 周边的数据坐标点通过高德地图提供的API接口，获取定位位置的周边或者指定位置周边的数据。 WXML view cla...
创建应用 打开创建应用控制台 进入控制台，创建一个新应用。 2、点击创建新应用进入创建模态框 输入创建应用名称和应用类型 添加新Key 1、添加新Key ...
效果图 进入页面直接定位到当前位置，输入目的地！ 返回首页查看路线规划—选择驾车、步行、骑行 原理 采用微信小程序的map组件； 采用高德地图的 微信小程序SDK获取...
DEMO下载 参考 H5lock 效果图 WXML view class="container"> view class="reset" bindtap="reset...
出现的错误 ReferenceError: xxxxx is not defined 出现的场景 在初始化countX ，countY ，countZ 这三个变量都为0时，在J...
效果图 HTML div class="switch-list"> class="fui-fr">红色switch组件 class="fui-switch" style...
下载 DEMO下载 更多 更多微信小程序实例 效果图 实现原理 采用双 scroll-view 组件实现双滚动！ WXML scroll-view c...
更多 更多微信小程序实例 下载 DEMO下载 效果图 WXML view class="tui-fixed-left"> scroll-view class="tui-c...
DEMO下载 效果图 WXML view class="tui-content"> view class="tui-gallery-list">默认view> view cl...
DEMO下载 效果图 原理 使用wx.chooseImage选择本地图片； 使用wx.previewImage预览图片。 WXML view> button bind...
博客搬家
