8533----uniapp中的三种文件的选择----vue,nvue,uvue--=uniapp性能用户体验优化

性能优化重点

https://www.cnblogs.com/cn-oldboy/p/16793919.html

1.使用uniapp的开发小程序,最好的选择就是.使用vue文件了。
2.如果想实现高性能的app。
一个老旧的但相对成熟的,但还是有很多的坑的方案是:nvue。
一个新的,未来的,还存在很多坑的是:uvue
3.在app上的时候。考虑到用户体验的问题。
vue的缺点。长列表渲染太多,容易卡死。键盘弹出的时候,跟输入框之间会出现黑屏。
nvue的缺点。页面切换的时候,一定会先白屏。
uvue的缺点。ui组件不足。很多是付费的。界面不够精美。很多东西还不完善。

为了用户体验,为了热更新,也为了像uvue靠近。页面应该更多的使用nvue。这就涉及到一个问题。在界面布局的时候。

1.头部,要使用原生导航。不然的话,会有白屏。所以。原生导航的配置要熟练。(原生导航能实现什么样的效果要去研究)
2.底部,也使用原生的tabbar。
3.中间的内容区域,涉及到滚动的时候,要计算高度。需要在vuex里提前计算好。在页面渲染之前,获取内容的高度。
4.要删除多余的view。减少view数量,这样渲染更快.css也要精简。

用户资料方面

1、时间处理,最后时间,是否在线,消息时间
2、地点处理,当前位置,注册位置,发布位置,城市选择
3、角色处理,剧情扮演
4、聊天界面

上架问题

1.权限申请说明
2.隐私说明
3.覆盖原生导航的问题

统一规范

1.颜色
2.字体大小
3.头像大小
4.边距处理

尝试另一种可能,去解决白屏的问题(分步渲染,自定义导航+内容区)

1.无论vue还是nvue,都是用自定义导航。
2.内容区域,先做展示。等onready的时候,再去渲染。

posted @ 2024-06-27 16:06  风意不止  阅读(727)  评论(0编辑  收藏  举报