微信小程序知识点总结如何高效制作？

本文共计1902个文字，预计阅读时间需要8分钟。

使用分包加载可以避免小程序主包过大（不超过2M），是较好的选择。总体包大小不超过7M，可添加多个分包，分包加载可优化小程序首次启动的下载时间。

因为小程序主包大小不超过2M 限制，所以使用分包是个不错的选择，总分包大小不超过8M，可以添加多个分包，分包加载可以优化小程序首次启动的下载时间，当进入分包页面再进行下载，这种按需加载可以把某些数据量大的抽离出来放入分包（如图表）

rpx 单位、

在做移动端最常用适配的方法就是使用 rem 或 vw 作为单位来进行适配，所以微信小程序提供了 rpx 单位来进行适配

授权弹窗

wx.getUserInfo 接口调整，以前可以直接主动调用显示授权弹窗 ，现在需要使用 <button open-type="getUserInfo"></button> 点击来引导用户去授权，小程序 wx.getUserInfo 接口正式版已调整，体验版和开发版还可以使用原有方式。

原生组件 z-index

原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上，可以通过 cover-view 来解决，但某些特定环境如 swiper 或弹窗中需要显隐原生组件，需要配合 hidden 来使用

伪元素

小程序的伪元素属性无法在微信开发者工具 css 属性中看到，所以对于某些组件样式无法覆盖时（如 button 的边框或某些线条设置），是因为通过伪元素 ::after 设置的，所以必须使用伪元素来覆盖

页面栈

一个应用同时只能打开5个页面栈，当已经打开了5个页面之后（现在限制是10层），后续可能出现不能正常打开新页面。