本文主要是根据微信小程序官方优化建议和《2018微信公开课第七季上海站·小程序专场》的性能优化方案，针对性我们的小程序项目进行性能优化实践，将过程记录下来，方便以后查看，同时也希望能帮助到其他小伙伴，做好性能优化。毕竟一切性能优化都是为了更好的用户体验。 这些问题的场景都反映了…

网页性能优化是前端一个老生常谈的话题，但微信小程序因为双线程的架构设计，跟传统 Web 页面不太一样。所以，今天来探究下微信小程序内的性能优化问题。 1. 启动过程 相信大家对 Web 页面的展现过程非常清楚。那么小程序呢，简要地说，小程序要历经下面几个启动过程： 微信初始化小…

微信小程序如果想要优化性能，有关键性的两点： 提高加载性能 提高渲染性能 接下来分别来介绍一下： 提高加载性能 首先，问一个问题，当用户点击小程序后发生了什么？ 上图中的三个状态，我们经常遇到，它们分

做前端开发如果仅仅停留在编码和实现业务功能上面，可能进步速度会有些慢，但是如果经历了对页面的性能优化之后而且有所成绩的话那就会有质的改变，因为对他背后的机制进行了研究和试错，才能做好一些性能优化。 做微信小程序也是一样的，不只是实现业务功能，而且要考虑页面打开的速度，而且安卓和…

双线程下的界面渲染，小程序的逻辑层和渲染层是分开的两个线程。在渲染层，宿主环境会把WXML转化成对应的JS对象，在逻辑层发生数据变更的时候，我们需要通过宿主环境提供的setData方法把数据从逻辑层传递到渲染层，再经过对比前后差异，把差异应用在原来的Dom树上，渲染出正确的UI…

尽量减少不必要的https请求，可使用 getStorageSync() 及 setStorageSync() 方法将数据存储在本地 避免将未绑定在 WXML 的变量传入 setData： setDa

当微信小程序项目中涉及到获取用户信息并实现用户登录时，可以通过微信官方提供的登录能力方便地获取微信的用户身份标识，快速建立小程序内的用户体系。官方文档只是提供如何去调用授权登录，如果直接原封不动的照搬文档来进行代码编写，这样势必会造成代码的维护性差，所以本篇着重介绍如果更优雅的…

连设计规范都有了....

UnionID 获取途径：绑定了开发者帐号的小程序，可以通过下面的途径获取 UnionID。 调用接口 wx.getUserInfo，从解密数据中获取 UnionID。注意本接口需要用户授权，请开发者妥善处理用户拒绝授权后的情况。 如果开发者帐号下存在同主体的公众号，并且该用户…