Performance 敲除中Foreach和模板绑定的性能

Performance 敲除中Foreach和模板绑定的性能,performance,templates,knockout.js,foreach,nested,Performance,Templates,Knockout.js,Foreach,Nested,我们一直在研究foreach和模板绑定的性能问题。在我们的单页应用程序中,我们有嵌套的foreach/模板。下面是jsperf url,它给出了在没有foreach和有foreach的情况下呈现的普通数组的信息;其中,使用title扩展循环标记的测试优于嵌套的foreach绑定。 还观察到,嵌套和扩展的相应foreach via模板测试比没有foreach via模板的测试更耗时 jsperf url: 非常感谢您对淘汰赛3.1.0性能的帮助 淘汰3.2版本也存在性能问题 想知道如何使用嵌套的

我们一直在研究foreach和模板绑定的性能问题。在我们的单页应用程序中,我们有嵌套的foreach/模板。下面是jsperf url,它给出了在没有foreach和有foreach的情况下呈现的普通数组的信息;其中,使用title扩展循环标记的测试优于嵌套的foreach绑定。 还观察到,嵌套和扩展的相应foreach via模板测试比没有foreach via模板的测试更耗时

jsperf url:

非常感谢您对淘汰赛3.1.0性能的帮助

淘汰3.2版本也存在性能问题


想知道如何使用嵌套的foreach和/或模板绑定来减少加载时间。

如果您真的希望从客户端获得最大的性能,请按照Hans的概述。自定义绑定直接与集合一起工作,将HTML构建为字符串,并使用类似element.innerHTML的内容将其注入

下面是一个简单的例子:

ko.bindingHandlers.innerHtml={ init:函数元素,valueAccessor{ var lst=ko.unwrapvalueAccessor; 如果lst{ var html=; 对于变量i=0;i你的问题是什么?@HansRoerdinkholder-我在帖子中添加了这个问题。当你加载大数据表时,通常嵌套的foreach/模板绑定速度太慢。在本例中,我通常使用低级JavaScript创建一个定制绑定来呈现DOM:创建一个大的HTML字符串,将其附加到分离的节点,然后将其插入DOM。我不知道有什么方法可以让绑定速度更快。根据我的淘汰赛经验,Hans是绝对正确的。