好客租房139-长列表性能优化（懒渲染）

时间：2023-02-10 16:08:37浏览次数：46

标签：租房渲染优化列表数据量好客 139 数据页面

1常见的长列表优化方案常见于移动端

2原理:每次渲染一部分渲染的数据即将滚动完在渲染下面的数据

3优点每次渲染一部分数据速度快

4数据量打的时候页面上存在大量dom节点占用树村过多

5使用场景数据量不打的情况下具体看页面的复杂程度

标签：租房,渲染,优化,列表,数据量,好客,139,数据,页面
From： https://blog.51cto.com/u_15460007/6049539

好客租房155-封装顶部导航栏组件(2样式调整)
.navbar{//组件应该保持默认的基本样式，对于页面单独需要的样式，在页面中单独指定就可以了//margin-top:-45px;color:#333;background-color:#f6f5f6;......
好客租房137-获取当前定位数据的函数
1将当前定位城市添加到cityList中2将当前定位城市的索引添加到cityIndex中asyncgetCityList(){constres=awaitaxios.get('http://localhost:8080/area/c......
好客租房145-渲染城市列表（展示城市索引）
importReactfrom'react'importaxiosfrom'axios'//导入axios//导入navBar组件import{NavBar,Icon}from'antd-mobile'import'./index.scss'import{getCurrentC......
好客租房142-react-virtualized2基本使用
1安装react-virtualized2在项目中导入样式组件3利用list组件完成importReactfrom'react'importaxiosfrom'axios'//导入axios//导入navBar组件import{NavBar,Icon......
好客租房146-渲染（展示索引下每一行的高度）
importReactfrom'react'importaxiosfrom'axios'//导入axios//导入navBar组件import{NavBar,Icon}from'antd-mobile'import'./index.scss'import{getCurrentC......
好客租房152-好客租房web中学习
......
好客租房151-好客租房web上总结
1目录的总结2页面的跳转组件3封装了一些函数......
好客租房144-渲染城市列表
使用页面渲染城市列表1讲获取到的citylist和cityindex为组件的状态数据2修改list组件的rowCount为index的索引3将rowRender函数添加到组件中以便在函数中获取到状态数据ci......
好客租房148-渲染右侧索引列表（滚动城市列表高亮）
1给list组件添加onrowaRendered配置项用于获取当前列表渲染的项目信息2通过参数satrtIndex获取到起始索引页3判断索引列是否相同importReactfrom'react'importaxiosf......
好客租房153-地图找房模块功能分析
......

好客租房139-长列表性能优化（懒渲染）

相关文章

赞助商

阅读排行