-- 创造无限可能

小程序开发问题:渲染城市列表,卡顿

2023-09-16 01:40:41
1472 人浏览 0 人点赞
有用,点赞支持一下

问题

渲染城市列表,卡顿

原因

按钮用的是u-view的组件,700个城市,就渲染了700次,导致页面加载慢的。

问题分析思路

减少渲染内容,查看是否正常。正常情况下渲染几百个div应该不会有什么影响

问题分析过程

  1. 因为是多层渲染,先只渲染第一层,看是否正常
  2. 只渲染第一层循环的情况下,正常
  3. 渲染第二场循环,异常
  4. 渲染第二层,只打印城市,正常
  5. 分析原因可能是u-button是组件,组件内标签较多导致