uniAPP开发总结

时间:24-05-22 栏目:微信小程序 作者:zongyan86 评论:0 点击: 52 次

1、android app 套页面需要webView,通讯用@posttMessage。
2、android app 上传文件可用iframe方式。
3、级联组件可选任一级别,可用nodeclick配合closeChanged和clearChanged事件。注意closeChanged为异步方法。
4、下拉多选组件,需要自己开发组件。
5、必填注意表单提交的name配合rules。
6、动态表单,记得初始化数组。
7、可用逍遥模拟器模拟APP。
8、自定义导航:page.json //"navigationStyle": "custom" // 使用自定义导航栏,系统会关闭默认的原生导航栏
9、性能问题:uniApp在某些方面的性能可能不如原生应用。解决方法是优化代码,减少页面渲染的复杂度,使用性能更高的组件,以及对于复杂的列表使用虚拟列表等技术。
10、路由机制问题:uniApp的路由机制与Vue.js的路由不完全相同。解决方法是遵循uniApp的路由规范,并使用其提供的路由API。
11、 关于webview⽅⾯,app的webview布局采⽤flex布局,千万不要⽤浮动。
12、 uni.getSystemInfoSync()最好在onReady中获取,不然某些⼿机会获取出问题。
13、 如果给uni.showToast不加title的话,会显⽰成⼀个⼩⿊点。
14、 样式覆盖用::v-deep
15、 报表显示,可直接用table布局
16、100vh page铺满
17、input和键盘的距离通过cursor-spacing属性
18、intanceOf 判断Array ,APP端会返回false。老实点,Array.isArray来判断
19、v-for key最好规范写,要不APP端容易出幺蛾子
20、uni-file-picker v-model绑定的值和实际的值不一致。创建一个新数组,在页面初始化的时候,将请求回来的数据赋值给新数组,在上传文件的方法uploadselect里面对新数据进行push()新数据。然后再delete方法里面对数据进行splice().最后使用新数组的数据作为参数返回给后端。原来的image数组的数据就只用来展示。新数组的数据用来回显,这样就避免了,picker修改v-model绑定的数据了。

希望官网早日修复这些个bug,也希望这个文章能对遇到这个bug的码农们能够有所帮助。

其他资料



声明: 本文由( zongyan86 )原创编译,转载请保留链接: uniAPP开发总结

关注我们