使用uniapp开发的app/小程序需要注意:
<p>1、小程序顶部沉浸式导航部分高度默认为128rpx;</p><p>2、小程序不支持div,标签使用和uniapp一样;</p>
<p>3、在hbuilder中开启小程序运行,如果出现forceUpdate报错,可能是因为微信小程序配置中的AppID没有配置。</p>
<p>4、less用的语法是 @,scss用 的是$</p>
<p>5、在huilder中修改内容,设置什么实现自动保存?</p>
<p><img src="https://img2020.cnblogs.com/blog/1648343/202105/1648343-20210518102504263-823301492.png"></p>
<p> </p>
<p>6、怎么做才能在小程序中显示顶部导航,在app中不显示顶部导航?</p>
<p><img src="https://img2020.cnblogs.com/blog/1648343/202105/1648343-20210518120252164-1290883768.png"></p>
<p> </p>
<p> 7、使用了margin-top后,出现了盒子塌陷的问题,如何解决?</p>
<p>答:给父盒子设置overflow:hidden</p>
<p>8、给盒子设置了background:url()后,图片未完整显示在指定区域,如何解决?</p>
<p>答:设置background-size:contain,使图片内容完全展示出来</p>
<p>9、若盒子宽度为680px,高度为448px,现在设置了padding:40rpx 30rpx 0 30rpx,盒子超出指定区域,如何使padding的值不影响盒子被撑大?</p>
<p>答:设置box-sizing:border-box</p>
<p>10、通过token判断是否用户是登录状态时,其实不用写if判断语句,增加代码量。可以通过下边方式简化 代码:</p>
<p><img src="https://img2020.cnblogs.com/blog/1648343/202105/1648343-20210518143021613-1398868931.png"></p>
<p>11、组件中使用跳转的API时,注意url写的是根路径(例:/pages/index/index)</p>
<p> 12、如何避开IOS底部安全区? <span style="color: rgba(255, 0, 0, 1)">参考链接:https://ask.dcloud.net.cn/article/35564</span></p>
<p>(1)先在manifest.json配置文件中的app-plus节点下配置safearea</p>
<p><img src="https://img2020.cnblogs.com/blog/1648343/202105/1648343-20210518182425337-738423260.png"></p>
<p> </p>
<p> (2)在需要避开安全区的页面使用css常量constant(safe-area-inset-bottom)、env(safe-area-inset-bottom) 来适配</p>
<p><img src="https://img2020.cnblogs.com/blog/1648343/202105/1648343-20210518182600944-150478669.png"></p>
<p> 13、在进行uniapp开发的时候,页面的生命周期和组件的生命周期是不一样的,组件生命周期按照vue标准组件的生命周期来,页面生命周期不一样,如下官网截图:</p>
<p><img src="https://img2020.cnblogs.com/blog/1648343/202105/1648343-20210520113008941-1555427897.png"></p>
<p> </p>
<p> onInit注意:(1) 仅百度小程序基础库3.260以上支持onInit生命周期 (2)其他版本或平台可以同时使用 onLoad 生命周期进行兼容,注意避免重复执行相同逻辑(3)不依赖页面传参的逻辑可以直接使用 created 生命周期替代。</p>
<p> 14、使用swiper组件,一定要给高度 ,否则没 效果。</p><br><br>
来源:https://www.cnblogs.com/heisetianshi/p/14780915.html
頁:
[1]