Question

我正在开发一个网络应用，我必须显示一个html表，其中包含 400行和9列。

应用程序中发生了很多事情......（大量事件，不同视图）它有大约 1700行的Jquery代码。虽然我有优化的Jquery代码到我在各种文章中阅读的程度 - 使用选择器缓存，使用适当的选择器，使用适当的事件委托，链接，指jsperf来测试几乎所有的方法，我已经使用过的选择器等等。虽然页面的响应性有所增加，但仍远远不能满足要求。（严格的性能要求）

问题：对于每个表格单元格（td），都有一个点击事件可以打开引导程序模式。如果没有。表中的行为50 模态开启时间为50.32ms ，如果表行在 400附近，则模态打开时间为700毫秒（使用console.time测量时间）。我的表中的**行数（html代码）如何影响模态打开时间。???我该怎么办？

- ＆GT;这是我用于打开模态的代码

$('#mainTable).on('click','.cell',function(){
       cellzoom(this);
 }); 

function cellzoom(obj,e,date) {
    console.time('cellzoom:')
    cellModal();
    console.timeEnd('cellzoom:')
}


function cellModal(){
//  $(mainloader).show();
    console.time('cellModal:')
    $(cellview).modal('show');
    console.timeEnd('cellModal:')
}

P.S：我不能使用分页

任何处理过大量数据集和大量jquery代码以及他们为优化代码所做的事情（工具）的人都会非常感谢!!

Answer 1

可能取决于你的CSS模式。如果它有很多阴影，渐变等，那么浏览器会受到大型HTML结构的影响并慢慢渲染CSS。但如果我是你，我也会看一下显示模态的方法，比如@Kirk写的

大型Html代码 - 页面响应时间非常慢

1 个答案: