微信小程序知识点总结(微信小程序总结)

分包装货

因为小程序主包的大小没有超过2M限制，所以使用分包是个不错的选择。总分包规模不超过8M，可增加多次分包。分包加载可以首次优化小程序的下载时间。当你进入分包页面后再下载，这种按需加载可以提取一些量大的数据放入分包中(比如图表)。

Rpx装置，

移动端最常见的适配方法是以rem或vw为单位进行适配，所以微信小程序提供了rpx单位进行适配。

授权弹出窗口

Wx.getUserInfo接口调整。以前可以直接主动调用，显示授权弹窗。现在你需要使用< button open -type = ；getUserInfo gt lt/button gt；单击以指导用户进行授权。正式版小程序wx.getUserInfo界面有所调整，体验版和开发版依然可以使用原来的方式。

原生组件z-索引

原生组件的级别是最高的，所以页面中的其他组件无论设置多少z-索引都无法覆盖在原生组件上，这可以通过cover-view解决。但是，一些特定的环境，如swiper或pop-up，需要显示和隐藏原生组件，它们需要与hidden一起使用。

伪元素

小程序的伪元素属性在微信开发者工具的css属性中是看不到的，所以在一些组件样式无法覆盖的时候(比如按钮的边框或者一些线条设置)，是用伪元素::after设置的，所以必须用伪元素覆盖。

页面堆栈

一个应用程序只能同时打开5个页面堆栈。打开5个页面后(当前限制为10层)，新页面可能无法正常打开。Wx.navigateTo jump会保留当前页面，而wx.redirectTo不会，所以请避免多级交互，合理使用jump。

模块化

模板模块和组件构件是小程序中组件化的方式。两者的区别在于模板模块主要是为了展示，方法需要在使用模板的页面中定义。组件Component有自己的js文件，整个组件类似于一个page页面。简单来说，就是为了示范。建议用template，它涉及到的组件逻辑比较多。建议使用组件。

方式

1.开发人员工具源断点模式、console.log打印数据和AppData视图数据

第二，小程序关注当前mode基本库版本的一些兼容性和bug问题。

第三，小程序先打开开发版或者体验版右上角的调试显示vConsole，然后切到正式版看vConsole模式。

数据传输

1.使用数据缓存、wx.setStorage和wx.getStorage，存储的数据只能是字符串格式，所以一般情况下，需要使用JSON.stringfy将对象转换成字符串，使用JSON.parse在获取时将其还原为对象。

第二，wx.navigateTo跳转并传递参数，拼接跳转url后的字符串。在onLoad()函数中，通过options.parameter name获取传递的参数。注意，如果有特殊字符(比如？#，等等。)，可以使用encodeURIComponent和decodeURIComponent进行编码和解码。否则会被截断，导致特殊字符后面的数据无法传输。

3.getCurrentPages()函数用于获取当前页面堆栈的实例，可以获取页面堆栈或者修改页面堆栈数据。

四。getApp()可以获取全局对象和方法。

导航栏对齐和调整

一般导航栏都是定制的，灵活可控。首先需要在app.json中设置navigation style:custom customization，然后通过小程序wx.getmenubuttonboundingClient()就可以得到右上角胶囊菜单的位置信息，但是这个界面不稳定。有些机型会有采集失败的bug，所以使用wx.getSystemInfo获取设备的状态栏高度(即手机的时间和电量栏的高度)，标题栏高度(即包括导航返回键、标题和胶囊的高度)默认设置为安卓48，IOs 44(小程序48px的标题栏在安卓居中，因为安卓的分类很多，因此， 会有一些区别，对于ios，标题栏居中44px)，导航栏总高度为状态栏+标题栏的高度，padding-top的高度为状态栏的高度，标题栏中的元素垂直对齐，实现与胶囊的适配和对齐。 设置内容高度时，可以使用calc(100vh -导航栏总高度)将样式放入全局app.wxss中

工会id标识

Unionid是小程序用户的跨程序标识。要有unionid，首先要绑定微信开放平台(微信开放平台-管理平台-小程序-绑定的小程序)，因为unionid是微信开放平台分发的。不把小程序绑定到微信开放平台，就不会有unionid。当不同小程序的Union IDs不同时，你需要把小程序挂载到同一个主体，同一个用户，同一个微信开放平台下的不同应用。

后端unionid返回前端:首先wx.login获取用户登录证书代码，然后wx.getSetting检查是否授权，wx.getUserInfo获取用户信息，用户信息加密字段发送到后端与微信服务器交换unionid返回。由于采集请求返回的数据可能在Page.onLoad之后返回，所以一般会添加回调(unionid的采集一般放在app.js的onLaunch中，所以需要回调来处理它和page onLoad的数据采集)

接口请求

建议所有的请求都从同一个api.js中拉出来，这样可以方便以后的修改和故障排除。小程序请求通过微信后台请求我们的后台地址进行后台映射，你请求的接口实际上映射到了微信的后台。微信的后端获取你的wx.request调用的url，用后端请求后端，所以不会出现跨域的问题。

输入键盘

考虑在不同情况下使用不同的类型，如文本键盘和数字键盘，以改善用户体验。

wux-weapp

小程序组件推荐Wux-weapp，组件丰富，扩展灵活。

推荐教程:《微信小程序》以上是微信小程序知识点总结的详细内容。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 微信小程序翻译功能上线：现已支持18种语言
• 如何使用微信小程序中的车牌号输入法（如何使用微信小程序中的车牌号输入法进行打印）
• 微信小程序无法获取位置信息怎么办？（微信小程序无法获取位置信息）
• 微信小程序如何实现九宫格跳（如何在小程序中配置九宫格抽奖）
• 如何调节微信小程序的亮度？

本文由主机参考刊发，转载请注明：微信小程序知识点总结(微信小程序总结) https://zhujicankao.com/77707.html