首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

分片加载超长列表渲染

很早以前就有面试问超长列表如何优化,那时候觉得一般前端不会有这种功能,有也是分页,也就没有去关注。今天分享一个超长列表渲染的优化方法,分片加载,现在几乎也都不会用了,但是还是要知道这个东西。...wrap').innerHTML = '页面渲染了'; time = new Date(); console.log('页面渲染语句执行'); 接着看看渲染十万条数据页面使用的时间和js...执行时间', new Date() - time);//js执行时间 710 setTimeout(function () { console.log('页面渲染时间', new...Date() - time);//页面渲染时间 4771 }) Js执行很快,但是页面渲染要将近5秒,如果是一百万条数据测试了一下将近一分钟。...这边要注意一点,新版本浏览器对页面渲染做了优化,会等js执行完毕一次性更新页面,不会在for循环的时候执行一条插入一条,如果为了兼容ie,要用文档碎片进行渲染。

46410
您找到你想要的搜索结果了吗?
是的
没有找到
领券