VPS参考测评推荐
专注分享VPS主机优惠信息
hostkvm优惠促销活动
zji优惠促销活动
衡天云优惠活动
亚马逊云aws.amazon.com最新优惠活动

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

locvps
主机参考:VPS参考测评推荐,专注分享VPS主机优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

分包装货

因为小程序主包的大小没有超过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,组件丰富,扩展灵活。

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

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

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

【腾讯云】爆款2核2G云服务器首年40元,企业首购最高获赠300元京东卡
打赏
转载请注明原文链接:主机参考 » 微信小程序知识点总结(微信小程序总结)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!