- 博客(10)
- 收藏
- 关注
原创 微信小程序自定义组件开发即组件间通信详解
自定义组件开发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 1544
原创 微信小程序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 1531
原创 微信小程序之图片懒加载效果
关键点及整体思路:这里用的小程序的获取节点信息的apiwx.createSelectorQuery(),获取到用户手机系统的高度,通过判断节点的top小于手机系统的高度用来确定页面的内容是否在显示的区域里,然后实现懒加载效果。1.wxml页面 <image class = "img {{item.showImg? 'active':'image'}}" wx:for = '{{img}...
2019-03-12 14:48:19 2857
原创 微信小程序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 2094
原创 微信小程序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 3770 1
原创 微信小程序埋点之腾讯移动分析使用
1.注册腾讯移动分析的账号,电话,邮箱,及微信小程序应用 2.注册完成以后会生成App id和 App Secret key 妥善保管 3.下载SDK文件 可以npm直接引入 也可以官网手动下载(手动下载以后需将该文件放置于项目文件的根目录) 4.在项目的公众平台中配置一下合法域名(开发模式时 在开发工具中设置不校验合法域名,上线前必须在公众平台配置域名 否则域名不生效) 5.在...
2018-08-14 11:30:46 3471 3
原创 关于wx:for遍历list,达到效果点击哪个btn哪个变换背景颜色
关于wx:for遍历list,达到效果点击哪个btn哪个变换背景颜色 分享,也是学习的一种方式
2018-08-13 15:44:11 641
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人