早在2015年，微信发布了一整套网页开发工具包JS-SDK， 通过开放原生功能API使得 Web 开发者都可以使用到微信的原生能力，例如拍摄、录音、语音识别、二维码等。但是相比原生，交互体验上还是有差距。 用户在访问网页的时候，在浏览器开始显示之前都会有一个白屏的过程，受限于设…

小程序开发者工具不好用，官方对 npm 的支持有限，缺少对 webpack, babel 等前端常用工具链的支持。 多端框架(Mpvue, Taro)崛起，但限制了原生小程序的能力。 我司在使用一段时间多端开发框架后，决定回退到原生方案，除了多端框架对原生能力有所限制外，最重要…

现如今移动设备分辨率不胜枚举，传统的标量图标要分别导出 1 倍图、2 倍图、3 倍图等以适应高分辩率设备。这无疑大大增加了设计师和客户端开发的工作量。矢量图以其无损缩放的优点，在图标方面有着极大的优势。 Iconfont 是由阿里推出，功能强大且图标内容很丰富的矢量图标库，提供…

遇到一个需求，需要在小程序内实现自动轮播的画廊效果，如果是网页版的话有大量现成的库可以用，但小程序找了一圈没找到有类似的库，只好自己想办法了。 在踩了多个坑之后找到最简单的方法，就是用CSS animation来实现，但缺点就是不能手动拖动。 因为要无限滚动，所以放完在最后一个…

随着公司业务的发展，前端项目也越来越多。有的时候客户反馈的一个问题，需要耗费大量的时间去查。错误信息不能第一时间获取，多少会给公司带来损失。这个时候我们就需要一套错误收集机制，去提前发现代码中存在的问题，在客户反馈之前把问题提前处理掉。或者在收到客户反馈的时候可以查到对应的错误…

在小程序不断迭代的时候，很容易遇到首屏渲染问题。这种问题，可能出现的原因是：小程序包太大，资源需要加载；网络环境太差，下载速度太慢；渲染节点太多，渲染耗时。 这里我选择的是针对渲染节点去做优化。 这个时候就在想，能不能建立IntersectionObserver跟组件之间的关系…

最近接了一个小程序项目，对于以前只写过一个小工具的我而言，是时候考察一波小程序的基本功了（认真脸）。 上手先了解了各路大神撸小程序的方式，前有基于vue语法的 mpvue ，专职生成小程序；又有基于react的京东团队的 taro 在后，一语多端，支持react语法生成小程序、…