hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 小程序 - 正文 君子好学,自强不息!

微信小程序知识点总结_微信小程序

2020-06-13小程序ki4网6°c
A+ A-
subPackages 分包加载

因为小程序主包大小不凌驾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层),后续大概涌现不能平常翻开新页面。wx.navigateTo 跳转会保存当前页面,wx.redirectTo 则不会,所以请防止多层级的交互体式格局来合理运用跳转体式格局

组件化

emplate 模块与 component 组件,是小程序中组件化的体式格局,两者的区别是,template 模块主如果展现,要领须要在运用 template 的页面中定义。而 component 组件,则具有本身的js 文件,全部 component 组件相似一个 page 页面。简朴来讲,只是展现用,发起运用 template,组件中涉及到较多的逻辑,发起运用 component

调式

一、开发者东西 source 断点调式、console.log 打印数据和 AppData 检察数据

二、小程序注重当前调式基本库版来调式一些兼容性以及 bug 问题

三、小程序先在开发版或体验版右上角翻开调试显现 vConsole,再切到正式版就可以看到 vConsole 形式

数据通报

一、运用数据缓存,wx.setStorage 和 wx.getStorage,存储数据只能是字符串花样,所以平常设置时须要运用 JSON.stringfy 来把对象转字符串,猎取时运用 JSON.parse 来还原成对象

二、wx.navigateTo 跳转通报参数,在跳转 url 后拼接字符串,在 onLoad() 函数内,经由过程 options.参数名 的体式格局猎取通报的参数,注重如果有特别字符(如?#等),能够运用encodeURIComponent 和 decodeURIComponent 编码和解码,不然会被截断,致使特别字符背面的数据没法通报

三、getCurrentPages() 函数用于猎取当前页面栈的实例,能够猎取页面栈或修正页面栈数据

四、getApp() 能够猎取全局对象和要领

导航栏胶囊对齐适配

导航栏平常运用自定义,比较天真可控,起首须要 app.json 中设置 navigationStyle :custom 自定义,然后经由过程小程序 wx.getMenuButtonBoundingClientRect() 能够猎取到右上角胶囊菜单元置信息,不过这个接口不稳定,部份机型会涌现猎取失利的 bug,所以运用 wx.getSystemInfo 来猎取该装备的状态栏高度(即手机时候和电量那一栏高度),标题栏高度(即包含导航返回键、标题和胶囊的高度)默许设置安卓为48,ios 为44(小程序默许胶囊在安卓中为48px 的标题栏居中,因为安卓种别比较多,所以会有点差异,ios 为44px 的标题栏居中),导航栏总高度为状态栏高度+标题栏高度,padding-top 高度为状态栏高度,标题栏中元素垂直对齐来到达适配并与胶囊对齐,设置内容高度时能够应用 calc(100vh - 导航栏总高度),把款式放在全局 app.wxss 中

unionid 标识

unionid 是小程序用户的跨程序标识,具有 unionid 起首须要绑定微信开放平台(微信开放平台-治理平台-小程序-绑定小程序),因为 unionid 就是微信开放平台分发下来的,不将小程序绑定微信开放平台,就没有 unionid,当差别小程序的 unionid 是差别的,须要把小程序挂载到统一个主体中,统一用户,对统一个微信开放平台下的差别运用,unionid 是雷同的

背景返回 unionid 给前端:起首 wx.login 猎取用户登录凭据code,然后 wx.getSetting 检察是不是已受权,wx.getUserInfo 猎取用户信息,经由过程用户信息的加密字段给背景向微信服务器调换 unionid 返回,因为猎取要求返回数据大概会在 Page.onLoad 以后才返回, 所以平常加上 callback (猎取 unionid 平常放在 app.js 的 onLaunch 中,所以须要 callback 来处置惩罚 它和页面 onLoad 的数据猎取)

接口要求

发起把一切要求抽离到统一个 api.js 中,能够轻易后期的修正和排查问题,小程序要求是经由过程微信背景来要求我们的背景地点来举行后端映照、你要求的接口现实到微信的后端做了一道映照,微信后端拿到你的 wx.request 挪用的 url、用后端要求后端,所以不会涌现跨域问题

input 键盘

斟酌差别场景运用差别的 type,如文本键盘,数字键盘来进步用户体验

wux-weapp

小程序组件比较引荐 wux-weapp,组件雄厚而且拓展天真

引荐教程:《微信小程序》

以上就是微信小程序知识点总结的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
微信小程序知识点总结_微信小程序

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>