第一个完整的uniapp完结了记录总结下

本文探讨了在移动端App开发中如何使用Nvue提升性能,遇到的Query传值问题及解决方案,以及在uniapp中动态TabBar实现的挑战。作者推荐eventChannel.emit进行数据传递,并分享了自定义tabbar的闪烁问题和preloadPage的使用经验。
摘要由CSDN通过智能技术生成

1、我们主要是针对移动端app的,基本上主页面都是选择用的nvue页面来提升性能。

2、刚开始传值使用的query传值、一直都在web浏览器上进行调试,但是跑到手机上使用query就会有问题,手机上只能在onLoad(option)钩子中访问,而在浏览器中可以在标签元素以及有this的钩子中直接访问this.option就可以访问到。现在基本上传值都是用的eventChannel.emit进行传值,不管是vue还是nvue还是运行在app、小程序等各个环境目前都没有发现有问题,兼容性比较好,推荐使用。

3、还有就是uniapp的tabbar目前还不支持动态的去添加或删除,或动态重新渲染,因为我们的项目是一个多角色app,当时弄tabbar时间也挺长的。想到过弃用uni的router使用vueRouter,但是太麻烦了、后来搜集了很多资料选择了隐藏自定的tabbar使用自定义的tabbar,但是又有问题,第一次每次切换tabbar页面整体会闪动,给人的体验很不好,翻官网文档发现了preloadPage预加载,但是它还只支持nvue,所以在这里又把之前做的使用vue的主页面变换成了nvue的方式。只能说效果还是不错的。

4、nvue还是挺香的,高性能原生渲染,体验好,有专门nvue使用的组件,就是写起来比vue要繁琐,比如文本必须使用text包裹、flex默认开启,flex-direction默认是column这个可以配置成为row,因为没有开发过小程序的绝大部分还是习惯使用row的,还有很多flex属性不支持、还有一个不能使用100%,可以使用flex: 1来代替

5、还是很推荐使用uniapp的、一直使用vscode开发的,但开发uniapp还是使用hbuilder比较香,刚开始使用hbuilder比较不习惯,多用习惯就好了。第一次开发uniapp还是很简单的,会使用vue入门只能说很低很低。

欢迎留言探讨、祝大家工作顺利。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值