首页 前端知识 使用uView的u-row和u-col布局,页面数据明明不多,却很卡顿。

使用uView的u-row和u-col布局,页面数据明明不多,却很卡顿。

2024-04-13 09:04:49 前端知识 前端哥 858 290 我要收藏

前言:

明明页面只有二十来条数据,交互起来却已经很卡顿,如果页面使用了u-row和u-col布局,那很可能就是它们在搞鬼

一般使用uView UI,都是用于uniapp的app或者h5项目,那相比web端更需要注重页面性能。

先说结论:u-row 和 u-col 组件运用了大量的计算属性计算影响性能,及时页面只有二三十条数据,在一些交互上也会很卡顿(比如点击弹出弹窗之类的,滚动列表倒是不受影响,很奇怪)

该结论是ai给的,也是我在以前对此做优化时在别处提及过,具体是不是这个原因已经记不清;如果页面运用u-row和u-col不多,那没什么关系,继续用也无妨;如果页面某个列表遍历数据,通过u-row和u-col大量生成DOM,那最好还是不要用这种布局。

 

解决办法:手写html + css,使用flex布局,不使用u-row和u-col

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4817.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!