Javascript 最好保留大量html或动态创建

Javascript 最好保留大量html或动态创建,javascript,performance,html-rendering,webpage-rendering,Javascript,Performance,Html Rendering,Webpage Rendering,从性能的角度来看,在页面中保留大量隐藏的HTML(一个大的元素集合)还是只使用JavaScript模型并在需要时重建HTML更好 谢谢页面中的html越多,html文档的下载时间就越长。此外,当您想要操作DOM时,这些额外的元素可能不会显示,但您的代码仍然会命中它,这会增加javascript代码的执行时间 您可能需要研究模板。有相当多的javascript框架(下划线、把手等)可以轻松地将模型绑定到html并生成html。通常,这会导致编写少量代码,您将html的呈现推送到客户端而不是服务器,

从性能的角度来看,在页面中保留大量隐藏的HTML(一个大的元素集合)还是只使用JavaScript模型并在需要时重建HTML更好


谢谢

页面中的html越多,html文档的下载时间就越长。此外,当您想要操作DOM时,这些额外的元素可能不会显示,但您的代码仍然会命中它,这会增加javascript代码的执行时间


您可能需要研究模板。有相当多的javascript框架(下划线、把手等)可以轻松地将模型绑定到html并生成html。通常,这会导致编写少量代码,您将html的呈现推送到客户端而不是服务器,这将提高服务器应用程序的性能,因为它不必呈现html然后将其传递下去。

页面中的html越多,html的下载时间就越长文件。此外,当您想要操作DOM时,这些额外的元素可能不会显示,但您的代码仍然会命中它,这会增加javascript代码的执行时间


您可能需要研究模板。有相当多的javascript框架(下划线、把手等)可以轻松地将模型绑定到html并生成html。通常,这会导致编写少量代码,您将html的呈现推送到客户端而不是服务器,这将提高服务器应用程序的性能,因为它不必呈现html然后将其传递下去。

“隐藏”html?请解释好吧,这取决于你是否使用了框架?例如,在jQuery中,您可以
从DOM中分离
元素,这样您就可以操作它们并在完成后再次插入它们。我相信其他库也有类似的工具。@pattyd所说的隐藏,我的意思是“显示:无”,或者干脆不在页面的滚动视图中。@Elclars是的,我使用jQuery,稍后我将实现一个基于滚动的分离/重新连接系统,但现在我时间不多了(如果你能为我推荐一个好的插件,我将不胜感激)。所以现在我只想确保拥有数百个html结构不会给我带来问题。“隐藏”html?请解释好吧,这取决于你是否使用了框架?例如,在jQuery中,您可以
从DOM中分离
元素,这样您就可以操作它们并在完成后再次插入它们。我相信其他库也有类似的工具。@pattyd所说的隐藏,我的意思是“显示:无”,或者干脆不在页面的滚动视图中。@Elclars是的,我使用jQuery,稍后我将实现一个基于滚动的分离/重新连接系统,但现在我时间不多了(如果你能为我推荐一个好的插件,我将不胜感激)。所以现在我只想确保拥有数百个html结构不会给我带来问题。嗨!html将在通过ajax请求从接收到的json接收数据后第一次生成,因此我不担心加载时间。我想知道是否有那么多的html(我们说的是数百个具有内部html结构的元素)会降低页面的响应速度。@Bakaburg在一般情况下,是的。这些元素仍然存在,js将命中它们,css匹配/渲染将非常昂贵。嗨!html将在通过ajax请求从接收到的json接收数据后第一次生成,因此我不担心加载时间。我想知道是否有那么多的html(我们说的是数百个具有内部html结构的元素)会降低页面的响应速度。@Bakaburg在一般情况下,是的。这些元素仍然存在,js将命中它们,css匹配/呈现最终将非常昂贵。