一、下拉加载更多
1、场景分析
(1)布局好页面
(2)定义数据结构:一般是数组套对象,对象有多个属性(图片、URL地址、标题、内容等)
(3)不断下拉加载更多:请求到更多页面,往定义好的数据结构里面push()
2、截流防抖
减少服务器的性能消耗
3、做一个开关
当加载过多的数据时,例如1万个数据,会出现大面积的回流和重绘,此时可以加一些虚拟滚动,让性能更高
二、虚拟滚动的原理
1、定高
只展示当前页面可看到的DOM元素,
(1)布局好页面
(2)定义数据结构:一般是数组套对象,对象有多个属性(图片、URL地址、标题、内容等)
(3)不断下拉加载更多:请求到更多页面,往定义好的数据结构里面push()
减少服务器的性能消耗
当加载过多的数据时,例如1万个数据,会出现大面积的回流和重绘,此时可以加一些虚拟滚动,让性能更高
只展示当前页面可看到的DOM元素,