自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除