35、js - 面试 - 如何一次渲染10万条数据?

如何一次渲染10万条数据?

面试官想了解:面试者对原生js底层的了解、对渲染机制的理解。

思路:

第一种方案:分页 + setTimeout()

第二种方案:分页 + window.requestAnimationFrame()减少重排

第三种方案:分页 + window.requestAnimationFrame() + document.createDocumentFragment()文档碎片

(方案一到方案三,渲染所需的时间逐渐较少,方案一大概要2秒,后面2个方案所需的时间就更少)





    
    
    
    Document



    
如何一次渲染10万条数据?
面试官想了解:面试者对原生js底层的了解、对渲染机制的理解

你可能感兴趣的:(javascript,ecmascript,开发语言,面试)