读书人

大数组处置时的分时加载 -收藏

发布时间: 2012-11-25 11:44:31 作者: rapoo

大数组处理时的分时加载 --收藏


加载大容量表格数据的实例:array-processing.html

几点说明:

1.timedChunk 函数是精华,里面的 50ms 来自 Response Time Overview 中的调查结果:100ms 内的

响应能让用户感觉非常流畅。50ms 是 Nicholas 针对 JavaScript 得出的最佳经验值。

2.setTimeout 延时 25ms, 是因为浏览器的时间分辨率问题。25ms 可以保证主流浏览器都顺畅(有喘

息的机会去更新 UI)。

3.上面的实例,传统方式加载会让浏览器在加载数据期间,无法更新界面和响应任何操作。采用分时加

载,则可以让浏览器始终保持可响应状态,提升界面流畅性和用户体验。

读书人网 >Web前端

热点推荐