Javascript Jquery模板性能

Javascript Jquery模板性能,javascript,jquery,json,jquery-templates,Javascript,Jquery,Json,Jquery Templates,这项技术是用于小模板还是可用于显示大数据集?比如有1000行20列的表 对于这样的案例,绩效如何衡量?显示数据的理想且干净的方法是将从Web服务返回的JSONified数据提供给JQuery模板。它在理论上看起来很光滑,但在实践中是否适用于大型数据集?它在很大程度上取决于进行渲染的浏览器。IE6可能相当慢(尽管传输1000行大的HTML标记并将其注入文档也不会很快) 给你。我用Chrome9渲染1000行的平均速度是200-250ms 更重要的问题应该是:为什么一次显示1000行?总有比这更好的

这项技术是用于小模板还是可用于显示大数据集?比如有1000行20列的表


对于这样的案例,绩效如何衡量?显示数据的理想且干净的方法是将从Web服务返回的JSONified数据提供给JQuery模板。它在理论上看起来很光滑,但在实践中是否适用于大型数据集?

它在很大程度上取决于进行渲染的浏览器。IE6可能相当慢(尽管传输1000行大的HTML标记并将其注入文档也不会很快)

给你。我用Chrome9渲染1000行的平均速度是200-250ms


更重要的问题应该是:为什么一次显示1000行?总有比这更好的用户体验选择。

我将实际展示大约600个。我被要求一次显示所有行,而不需要专门分页。有人建议我做一些事情,比如缓存从web服务接收的数据,并在用户滚动时分块显示。我对Jquery还相当陌生,还没有看到太多的例子来说明这一点。你甚至不需要在用户滚动时进行复杂的更新。只需先渲染可见的数据集,然后立即开始渲染,并将其余数据添加到约100行块中。更好的是,您可以从只从web服务请求第一组可见的行开始,然后在呈现第一位后立即请求其余的行。这会加速总时间,直到有东西也看得见。这样做的主要缺点是,当添加更多行时,滚动条的大小会不断受到影响。谢谢Dave,但我不确定这将如何工作,Javascript不是单线程的吗?对我来说,延迟发生在JSON数据(来自web服务)端的循环上,而不是web服务端……那么为什么我要多次调用web服务呢?您的方式不会锁定浏览器吗?对web服务的XMLHttpRequest请求是浏览器本机的,并且在JavaScript在其单个线程中执行时会异步发生。所以,您可以快速提取一小部分初始数据,并在阻止浏览器渲染初始数据集之前开始请求下一个数据集。此外,目前我构建了tableHtmlString并将其放入一个div中,所以我只需触摸DOM一次。如果我将行添加到块中,会不会更接近DOM,从而更慢?谢谢你的帮助。