微信小程序
ruanhongbiao
最想要去的地方,怎能半途返航。
展开
-
小程序页面传值、页面与组件通信方式总结
在小程序开发中,页面传值经常会用到,如果有调用组件和插件的话还会涉及到页面与组件的通信传值等,今天我是想来总结下微信小程序页面和组件传值。一.页面与页面的传值1.跳转的url带参传值微信小程序页面直接传值我们经常用到的是页面URL跳转传值,跳转到的页面通过到生命周期onLoad里面接收。//A页面Page({ data:{}, linkTo:function(...原创 2019-12-12 17:38:50 · 1322 阅读 · 0 评论 -
反编译获取任何微信小程序源码——看这篇就够了
一、前言有时候我们想看自己产品的竞品,看到人家上线的小程序的效果,纯靠推测,部分效果在绞尽脑汁后能做出大致的实现,但是有些细节,费劲全力都没能做出来。很想一窥源码,查看究竟,看看大厂的前端大神们是如何规避了小程序的各种奇葩的坑。于是就想到获取到小程序地源文件,然后再对其进行反编译还原为源代码,来作为学习参考。我百度了各种关于小程序地反编译教程,但是感觉都不太适合像我这样地初学小白,踩了挺多坑...原创 2019-08-19 13:55:08 · 33373 阅读 · 28 评论 -
微信小程序wx.uploadFile上传视频遇到的两个坑
var _this = this; wx.chooseVideo({ sourceType: ['album', 'camera'], maxDuration: 60, camera: 'back', success(res) { const uploadT...原创 2019-02-20 18:28:18 · 8450 阅读 · 0 评论 -
手把手教你在微信小程序中使用MD5加密
1、下载MD5源文件(JS);2、在小程序模块中使用require引入外部模块;也可以在index.html中直接全局引入md5.js文件。因为源md5.js中没有对模块的输出,如果使用require需要export,所以在md5.js中需要加入以下代码:module.exports = { hex_md5: hex_md5 //需要输出的加密算法,我这边只写了我用到的一种,如需...原创 2019-02-20 17:00:56 · 5899 阅读 · 3 评论 -
微信小程序JS导出和导入
1. 导出 1.1 方法和变量导出(写在被导出方法和变量的js文件)module.exports = { variable: value, method : methodName}1.2 class导出(es6语法)class HomeModule { constructor(url) { this.url = url; }}export { H...原创 2019-02-25 09:59:30 · 4412 阅读 · 1 评论 -
前端错误收集(Vue.js、微信小程序)
前言随着公司业务的发展,前端项目也越来越多。有的时候客户反馈的一个问题,需要耗费大量的时间去查。错误信息不能第一时间获取,多少会给公司带来损失。这个时候我们就需要一套错误收集机制,去提前发现代码中存在的问题,在客户反馈之前把问题提前处理掉。或者在收到客户反馈的时候可以查到对应的错误栈来帮助我们快速去定位以及解决问题。下面主要介绍vue和微信小程序错误收集的方法。错误收集方法Vue错误收...原创 2018-12-13 11:34:34 · 1194 阅读 · 0 评论 -
微信小程序跨页面通信解决思路——event.js
宏观上,微信小程序是由一个个 Page 组成的。有时候我们会遇到一些业务存在耦合的 Page,一个 Page 里某个状态改变后,相关 Page 的状态需要进行更新。而在小程序里,每个 Page 都是一个模块,有着独立的作用域,因此 Page 间需要有一种通信策略。想象一个业务场景,用户首先进入订单列表页。然后点击其中一个订单,进入到订单详情页。当用户在订单详情页对订单进行操作,例如支付、确认收...原创 2018-11-26 14:15:35 · 4047 阅读 · 1 评论 -
broadcast.js——跨小程序页面的事件注册,派发,广播机制
机制:跨小程序页面的事件注册,派发,广播机制。代码实现var broadcast = { // 通过调用 broadcast.on 注册事件。其他页面都可以通过调用 broadcast.fire 触发该事件 // 参数说明:如果 isUniq 为 true,该注册事件将唯一存在;如果值为 false或者没有传值,每注册一个事件都将会被存储下来 on: functio...原创 2018-11-26 11:52:42 · 1578 阅读 · 0 评论 -
WePY 在小程序性能调优上做出的探究
性能调优是一个亘古不变的话题,无论是在传统H5上还是小程序中。因为实现机制不同,可能导致传统H5中的某些优化方式在小程序上并不适用。因此必须另开辟蹊径找出适合小程序的调估方式。预先加载原理传统H5中也可以通过预加载来提升用户体验,但在小程序中做到这一点实际上是可以更简单方便却又更容易被忽视的。传统H5在启动时,page1.html 只会加载 page1.html 的页面与逻辑代码,...原创 2018-11-16 11:32:03 · 347 阅读 · 0 评论 -
微信小程序直播点赞组件及原理浅析
原理:a.通过绘制三条不同的三阶贝塞尔曲线,选取三张图片让其沿着各自的贝塞尔曲线运动,运动轨迹如下图:b.计算三阶贝塞尔曲线x(t),y(t)的数学表达式。三阶贝塞尔曲线是通过四个点来形成一条曲线,两个控制点,一个起点一个终点。利用多项式系数即可得到x,y的数学表达式:const p0 = data[0]; // 三阶贝塞尔曲线起点坐标值 const p1 = dat...原创 2018-11-08 18:33:05 · 3736 阅读 · 5 评论 -
微信小程序防止重复点击的两种处理方法
当用户点击按钮或控件时,如果响应比较慢,往往会重复点击,另外也会存在用户故意反复快速点击的情况,这种时候就会多次触发点击事件造成非期望的结果。如何解决或避免这个问题呢?一般来说有两种情况。 1、点击事件是执行请求 这种情况下可以在请求执行之前显示一个模式的加载框,请求完成后再关闭加载框,由于小程序在1.1.0版本基础库才支持wx.showLoading,因此需要对低版本做兼容处理,代码如下:...原创 2018-11-13 18:42:34 · 31528 阅读 · 4 评论 -
小程序——页面间的通信与数据传递
小程序的页面跳转API像wx.navigateTo()、wx.redirectTo()之类的,都是跳转到一个全新的页面,当这个页面是表单的时候,有时候需要跳转到其它页面选取信息后再跳转回来,那之前填的信息就必须得存在。 小程序的页面跳转API像wx.navigateTo()、wx.redirectTo()之类的,都是跳转到一个全新的页面,当这个页面是表单的时候,有时候需要跳转到其它页面选...原创 2018-10-30 17:40:41 · 1030 阅读 · 0 评论