2013-06-03 13 views
1

从性能角度来看,在页面中保留大量隐藏的HTML(一大组元素)还是只包含JavaScript模型和在需要时重建HTML?更好地保留大量的html或在飞行中创建

感谢

+0

“hidden”HTML?请解释 – pattyd

+1

嗯,这取决于你在使用任何框架吗?例如,在jQuery中,您可以从DOM中“分离”元素,因此您可以操作它们并在完成后再次插入它们。我相信其他图书馆也有类似的工具。 – elclanrs

+0

隐藏@pattyd我的意思是“display:none”或者简单地在页面的滚动视图之外。 – Bakaburg

回答

1

的多个HTML您在页面中有增加了下载时间为HTML文档。为了增加这一点,当你想操纵DOM时,这些额外的元素可能不会显示出来,但是你的代码仍然会打开它,这会增加你的javascript代码的执行时间。

您可能想要考虑模板。有很多JavaScript框架(Underscore,Handlebars等),它们可以很容易地绑定模型并生成html。通常这会导致需要编写的少量代码,并且将html的呈现推送到客户端和服务器,这会提高服务器应用程序的性能,因为它不必呈现html并将其传递给它下。

+0

嗨!这个html会在第一次通过json收到的ajax请求接收到数据后生成的,所以我不担心加载时间。我想知道是否有这么多的html(我们谈论数百个内部html结构的元素)会降低页面的响应度。 – Bakaburg

+1

@Bakaburg在一般情况下,是的。这些元素依然存在,js会击中它们,而css匹配/渲染最终会变得昂贵。 – Justin

相关问题