使用uniapp开发的app小程序需要注意:
使⽤uniapp开发的app⼩程序需要注意:
1、⼩程序顶部沉浸式导航部分⾼度默认为128rpx;
2、⼩程序不⽀持div,标签使⽤和uniapp⼀样;
3、在hbuilder中开启⼩程序运⾏,如果出现forceUpdate报错,可能是因为⼩程序配置中的AppID没有配置。
4、less⽤的语法是 @,scss⽤的是$
5、在huilder中修改内容,设置什么实现⾃动保存?
6、怎么做才能在⼩程序中显⽰顶部导航,在app中不显⽰顶部导航?
7、使⽤了margin-top后,出现了盒⼦塌陷的问题,如何解决?
答:给⽗盒⼦设置overflow:hidden
8、给盒⼦设置了background:url()后,图⽚未完整显⽰在指定区域,如何解决?
答:设置background-size:contain,使图⽚内容完全展⽰出来
9、若盒⼦宽度为680px,⾼度为448px,现在设置了padding:40rpx 30rpx 0 30rpx,盒⼦超出指定区域,如何使padding的值不影响盒⼦被撑⼤?
答:设置box-sizing:border-box
10、通过token判断是否⽤户是登录状态时,其实不⽤写if判断语句,增加代码量。可以通过下边⽅式简化代码:
11、组件中使⽤跳转的API时,注意url写的是根路径(例:/pages/index/index)
(1)先在manifest.json配置⽂件中的app-plus节点下配置safearea
(2)在需要避开安全区的页⾯使⽤css常量constant(safe-area-inset-bottom)、env(safe-area-inset-bottom) 来适配
13、在进⾏uniapp开发的时候,页⾯的⽣命周期和组件的⽣命周期是不⼀样的,组件⽣命周期按照vue标准组件的⽣命周期来,页⾯⽣命周期不⼀样,如下官⽹截图:
onInit注意:(1) 仅百度⼩程序基础库3.260以上⽀持onInit⽣命周期(2)其他版本或平台可以同时使⽤ onLoad ⽣命周期进⾏兼容,注意避免重复执⾏相同逻辑(3)不依赖页⾯传参的逻辑可以直接使⽤ created ⽣命周期替代。小视频app开发
14、使⽤swiper组件,⼀定要给⾼度,否则没效果。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。