uniapp做微信小程序需注意

有些情况事件要加三元判断: @click=”flag?click:’ ‘ ”

2.渲染要考虑没有值的情况:{{ msg || ‘ ‘ }}

3.不能用 v-show 全用 v-if

4.单位用 rpx 别用 upx,px

5.图片要用 image 不用 img

6.总之就是 uniapp 没有的标签不要用,如 p,b,ul,li 之类的

7.小程序不能直接 JSON.parse,要在外层加一个 encodeURIComponent 解码,这个只在微信小程序需要这样做,其他端不用,所以要条件编译

传参:

let details = encodeURIComponent(JSON.stringify(this.detail))
uni.navigateTo({
   url: `/pages/Detail?detail=${details}`
})

 

接收:


onLoad(opt) {
      let detObj = decodeURIComponent(opt.detail)
      this.Detail = JSON.parse(detObj)
 },

 

8.页面上滑沉浸式导航可以用 uniapp 自带的 onPageScroll 函数(与 onload 同级),前提是导航栏是自定义的,可以设置背景,参数直接就能获取到当前滚动条的 top 值,通过 top 值就可判断什么时候让导航栏变色

onPageScroll(e) {
      this.topHeight = e.scrollTop;
},

 

9.运行到小程序时,要勾选压缩 减小体积

所有的本地图片除了 TabBar 之外全部用网络图片,尤其背景图片,不支持本地(把所有的图片上传到本项目的服务器,然后把本地的图片全部替换掉)

10.做小程序项目之前就要考虑体积,一开始就分包处理,以防后面加分包路径修改非常麻烦

11.请求域名要添加到后台,不添加时可以勾选不校验域名,在模拟器可以,发布之后就不行了

12.微信小程序使用外部链接先要配置,和请求域名一样在公众平台配置,例如 web-view 访问的链接要在公众平台的业务域名处配置,且小程序使用的使用的所有链接都需是 https 的,这个需要在真机测,开发者工具有时候不显示

13.uniapp 部分样式与小程序不兼容的要用条件编译再写一份,结构也是

14.用到的一些功能如相机,登录,分享等要在 hbx 里面勾选相关功能

15.小程序提交审核要先填隐私协议,必须要填完整,这个审核过了才能下一步提交审核代码,代码里面不能是测试商品,不能是 demo,多次 demo 提交会处罚

© 版权声明

☆ END ☆
喜欢就点个赞吧
点赞0 分享
图片正在生成中,请稍后...