微信小程序知识点总结（微信小程序基础知识）

分包装货

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

Rpx装置，

手机适配最常用的方法是以rem或vw为单位进行适配，因此微信小程序提供了rpx单位进行适配。

授权弹出窗口

wx.getUserInfo的界面进行了调整。以前可以直接调用授权弹窗，现在需要点击引导用户授权。小程序wx.getUserInfo的界面正式版进行了调整，体验版和开发版仍然可以使用原来的方法。

原生组件z-索引

原生组件的级别是最高的，因此无论设置什么z-索引，页面中的其他组件都无法覆盖在原生组件上，这可以通过cover -视图来解决。但是，某些特定环境（如swiper或弹出窗口）需要显示和隐藏本机组件，这需要与hidden一起使用。

伪元素

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

页面堆栈

一个应用程序只能同时打开五个页面堆栈。当打开五个页面时（当前限制为10层），新页面可能无法正常打开。Wx.navigateTo跳转会保留当前页面，而wx.redirectTo不会，因此请避免多级交互，合理使用跳转方法。

模块化

模板模块和组件组件是小程序中组件化的方式。它们之间的区别是模板模块主要用于显示，而方法需要在使用模板的页面中定义。组件有自己的js文件，整个组件类似于一个page页面。简单地说，它只是为了展示。建议使用模板。组件中涉及更多的逻辑，因此建议使用组件。

方式

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

其次，小程序要注意当前基础库版本调整带来的一些兼容性和bug问题。

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

数据传送

1.使用数据缓存、wx.setStorage和wx.getStorage，存储的数据只能是字符串格式，因此需要在通用设置中使用JSON.stringfy将对象转换为字符串，在采集中使用JSON.parse将其恢复为对象。

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

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

第四，getApp（）可以获取全局对象和方法。

导航栏胶囊对齐自适应

导航栏一般都是定制的，更加灵活可控。首先需要在app.json中设置navigationStyle :custom自定义，然后可以通过小程序wx.getMenubuttonBoundingClient（）获取右上角胶囊菜单的位置信息，不过这个界面不稳定。有些机型会有无法获取的bug，所以使用wx.getSystemInfo获取设备状态栏的高度（即手机时间和电量这一栏的高度）。标题栏的高度（即导航返回键、标题和胶囊的高度）在Android中默认设置为48，在ios中默认设置为44（在Android中，小程序的默认胶囊为标题栏中央的48px，因为Android类别很多。所以会有点不同，ios的标题栏是44px），导航栏的总高度是状态栏高度+标题栏高度，padding-top的高度是状态栏高度。标题栏中的元素垂直对齐，以实现与胶囊的适应和对齐。设置内容高度时，可以使用calc（100 VH -导航栏总高度）将样式放在全局app.wxss中。

工会id标识

Unionid是小程序用户的跨程序标识。要拥有unionid，需要先绑定微信开放平台（微信开放平台-管理平台-小程序-绑定小程序），因为unionid是由微信开放平台分发的。如果小程序不绑定微信开放平台，就不会有unionid。当不同小程序的联合id不同时，小程序需要挂载在同一主体中，同一用户在同一微信开放平台下有不同的应用。

后台向前端返回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，组件丰富，扩展灵活。

推荐教程:微信小程序

以上是微信小程序知识点的详细总结。更多资讯请关注主机参考其他相关文章！

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

• 微信小程序中如何实现子对父的参数传递（页面沟通）（小程序父对子的价值传递）
• 详细讲解如何在微信小程序中安装和引用ECharts。(如何安装小程序示例)
• 手把手指导你在小程序中实现保存图片的功能（小程序申请保存图片到相册）
• 如何在小程序中创建页面二维码
• 小程序如何动态制作小程序码分析（如何在小程序中动态生成小程序二维码图片）

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