写这篇文章的缘由: 最近在公司的小程序项目中遇到了页面图片元素过多导致的性能问题. 从小程序提供的性能检测面板分析, 确定是图片元素占用了过多内存导致. 因为本人之前主要是做桌面端应用开发和原生app开发, 没有太顾及过移动端图片的内存占用问题. 这次既然遇到了, 也就趁这个机…

通过获取用户基本信息接口，开发者可通过OpenID来获取用户基本信息，而如果开发者拥有多个公众号，可使用以下办法通过UnionID机制来在多公众号之间进行用户帐号互通。只要是同一个微信开放平台帐号下的公众号，用户的UnionID是唯一的。换句话说，同一用户，对同一个微信开放平台…

用过 webpack 的同学肯定知道 webpack-bundle-analyzer ，可以用来分析当前项目 js 文件的依赖关系。 因为最近一直在做小程序业务，而且小程序对包体大小特别敏感，所以就想着能不能做一个类似的工具，用来查看当前小程序各个主包与分包之间的依赖关系。经过…

俗话说“不怕自己写代码，就怕改别人的代码”，一言不和就改到你吐血，所以为了别人好，也为了自己好，代码规范，从我做起。 在开发之前，首先要明确你要做什么，不要一上来就是干，咱们先把项目结构搭好。一般来说，开发工具初始化的项目基本可以满足需求，如果你的项目比较复杂又有一定的结构的话…

先简单介绍一下项目，就是一个比较常规的点餐小程序。 左边是分类菜单，右边是长列表，有多个分类的商品，单个分类滚动完后可以继续滚动切换到下一个分类，同时左边的分类菜单选中态会跟着切换到当前商品列表显示的分类。 考虑到更好的用户体验，以及参考了美团等点餐小程序，这个商品列表的数据是…

美团扫码付小程序是一款面向C端消费者推出的线下收单业务。它寄托在美团小程序下，在实际场景中，用户先使用微信扫一扫扫描商家二维码，接着调起扫码付小程序，进入支付页后输入金额向商家完成商品支付。 我们一直在做一件事情：提升扫码付小程序的支付转化率。这里所提的支付转化率指：整个业务流…

小程序的体验发布太依赖开发者，通常只有开发者熟悉微信开发者工具一系列的上传流程，而每次发布的是有页可能因为忘记合并分支，忘记开启构建命令导致一些列不可知的错误，从而导致影响开发进度、发布流程不可控等一系列问题。 针对这些问题我们需要一套可以随时从Git上拉取最新代码选取分支和t…

本文将简单介绍一下持续集成的概念，并手把手带你在你的微信小程序项目中完成属于你的持续集成方案。 所有能降低成本，并且能提高效率的事情总称为工程化。在前端项目中能够减少重复工作、扩展 javascript\html\css 本身的语言能力、解决功能复用和变更问题、解决开发和产品环…

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