这份文字是根据近期团队做 来问丁香医生 SPA 和 丁香医生小程序 加载速度优化的经历整理而成。 古人有一句话叫做：治感冒看疗效。既然是关于速度优化的，我们就先来看一下优化的效果。 选取了访问量较大的首页和我的页面进行随机取样，通过下图可以看到首页的加载时间从 5.1s 下降到…

既然来了，把妹子都给你。 懒加载，前端人都知道的一种性能优化方式，简单的来说，只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 我们知道小程序页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本…

之前也做过浏览器web端的SDK数据埋点上报，其实原理大同小异：通过劫持原始方法，获取需要上报的数据，最后再执行原始方法，这样就能实现无痕埋点。 在这个立即执行函数中，我们把原生的open方法通过originOpen暂时存储起来，然后在外面包裹一层函数，实现了打印输出url的功…

WxNotificationCenter - 微信小程序通知广播模式类, 降低小程序开发的耦合度。 类 iOS 中的 NSNotificationCenter 模式 作用 增加页面间传值方式 减少页面之间的耦合度

项目使用样式表来绘制 canvas，利用 wxss 下 rpx 单位实现适配，既能保证开发效率，同时也没有学习成本。 组件实现了 css 基本盒子模型，涵盖宽高、背景、字体、边框、内边距等，支持 自适应宽高、文本换行、圆角边框、背景渐变、背景重复 等好玩功能，感兴趣的可以了解下…

众所周知，可以滑动的 scroll 组件在移动端非常的重要，几乎每个页面都要用到。 而小程序的 scroll-view 组件就比较坑了，非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。 坑归坑，没办法，还是得用……既然官方要求必须传高度，那就想办法计算吧。 这…

微信小程序仿微信， QQ 向左滑动删除操作。 废话不多说， 先看效果， 能满足您的需求， 您在接着往下看。

最近有在做小程序开发，在开发的过程中碰到一点小问题，描述一下先。 在上代码之前先简单的介绍一下 WXS 是什么，以及和 javascript 有什么区别，虽然官方文档中都有，但我认为博客的存在意义就是尽量减少看官们的页面跳转，能够在一个页面说明的问题就不要再跳转，外链应该作为课…

可以不依赖于珠宝，独立下载和运行的分包。从独立分包页面启动，只下载和注入分包就可以打开页面。 提前请求：异步请求数据不需要等待页面的渲染完成。 利用缓存。利用storage API对异步请求数据进行缓存。二次启动的时候，先利用缓存数据渲染页面，再进行后台更新