- 博客(10)
- 收藏
- 关注
RSS订阅原创 微信小程序自定义组件开发即组件间通信详解
自定义组件开发1.我的工程目录pagescomponents自定义组件2.定义一个组件名称为toast(目录下文件与页面开发一样.js .wxml .wxss .json文件)在自定义组件的json配置文件中(我这里是toast.json)配置“component”: true (代表为自定义组件,其他页面方可调用)3.<view class= 'conti'> &lt...
2019-03-12 14:49:39
737
原创 微信小程序关于setData与修改data中的值的简便写法
在这里会介绍两种用来修改data中的值以及setData的值1.data: { obj:{ name: 'jack', age: 28 }, index:'age' }, onLoad: function (options) { this.setData({ [`obj.${this.data.index}`]:13 }) console.log(this...
2019-03-12 14:48:57
1547
原创 微信小程序animation 点击重复执行
先上图 1.onshow中初始化动画的实例（这里的success 成功的回调并没有产生什么卵用 毕竟官方也没有声明动画实例化成功的回调！） 2.click是定义的点击事件 强调动画的动作，这里的关键就是this的指向问题，在click事件中的指向分别指向的是两个animation实例 第一个是旋转396度动画 一个是旋转-360动画（转盘初始原位）...
2019-03-12 14:48:42
4784
1
原创 微信小程序 图片打开相册选择图片，图片预览，图片删除效果
微信小程序 打开图片选择图片，图片预览，图片删除效果1openPhoto:function(e){var me = this ;// 设置点击图片的信息 用来更改事件if(e.currentTarget.dataset.item != me.data.photo){var urlArr = new Array();urlArr.push(e.currentTarget.dataset...
2019-03-12 14:48:30
1533
原创 微信小程序之图片懒加载效果
关键点及整体思路：这里用的小程序的获取节点信息的apiwx.createSelectorQuery()，获取到用户手机系统的高度,通过判断节点的top小于手机系统的高度用来确定页面的内容是否在显示的区域里，然后实现懒加载效果。1.wxml页面 <image class = "img {{item.showImg? 'active':'image'}}" wx:for = '{{img}...
2019-03-12 14:48:19
2860
原创 微信小程序Promise封装request请求
// 封装的微信请求方法// by:李猛function server(path, options) { var method = options.method || 'GET'; var TOKEN = wx.getStorageSync('token'); //拿到用户标识时立刻放入缓存，保证每次请求带token var data = options.data; d...
2019-03-12 14:48:07
2095
原创 微信小程序canvas绘图网络图片下载与promise all的应用
问题：如果海报需要保存到手机的时候我们需要canvas绘图实现，然而许多网络图片需要本地下载之后才可以保存到手机，官方提供的downloadFile方法虽然可以在成功的回调中依次下载多张图片，但是当图片太多时候难免会造成回调地狱，造成代码可读性不强，代码臃肿的问题，这时候就需要用的promise all的方法来优化，上代码： let bgimg = new Promise((res...
2018-11-15 17:01:26
672
1
原创 关于微信小程序日历插件的使用及步骤
关于微信小程序日历插件的使用及步骤在微信小程序管理后台——设置——第三方服务，按 AppID（wx92c68dae5a8bb046）搜索到该插件并申请授权。在当前小程序的app.json文件中配置插件信息然后在使用该插件的json文件中配置在wxml中引入该插件5js文件Page({ /** * 页面的初始数据 */ data: { },...
2018-10-20 12:04:07
3776
1
原创 微信小程序埋点之腾讯移动分析使用
1.注册腾讯移动分析的账号，电话，邮箱，及微信小程序应用 2.注册完成以后会生成App id和 App Secret key 妥善保管 3.下载SDK文件 可以npm直接引入 也可以官网手动下载(手动下载以后需将该文件放置于项目文件的根目录) 4.在项目的公众平台中配置一下合法域名(开发模式时 在开发工具中设置不校验合法域名，上线前必须在公众平台配置域名 否则域名不生效) 5.在...
2018-08-14 11:30:46
3473
3
原创 关于wx:for遍历list，达到效果点击哪个btn哪个变换背景颜色
关于wx:for遍历list，达到效果点击哪个btn哪个变换背景颜色 分享，也是学习的一种方式
2018-08-13 15:44:11
642
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人