DOM操纵与模板化

Question

所以我正在对我正在开发的一个小HTML5 phonegap应用程序进行性能检查，我正试图找出处理半频繁更新<ul>元素的最佳方法。 / p>

我目前正在使用DocumentFragments初始大规模注入数据库数据，然后使用jQuery的prepend()和remove()函数进行管理。

我一直在查看模板，特别是EJS，我想知道如果我实现它会不会有任何性能提升。

如果是这样，为什么？如果不是为什么呢？

欢迎使用高性能DOM操作的任何其他技巧。感谢。

Answer 1

我认为模板不会提升性能（如果不缓存模板）。

无论如何，您必须处理数据以生成html。

模板只会使html的生成更容易，可读和可重用。

我可以添加更多 -

1. 缓存模板会提升效果JSPerf
2. 减少回流（最小化渲染树的重新生成）
3. 不要直接添加样式使用css class
4. 无尽的所谓最佳实践

Answer 2

我是js模板引擎的粉丝。

但是，你需要通过javascript代码对渲染html进行大量的关注。

主要问题是搜索引擎看不到它们。

第二个问题是性能，渲染html的最佳方式是在服务器端as twitter does，因为您需要考虑您的网站快速取决于客户端环境，并且您的所有用户都不会这样做。有最好的机器来看它。

然后，我相信最好的网站架构是twitter.com。他们实现了服务器端渲染和客户端渲染的混合。第一个请求由服务器端呈现，下一个请求由javascript通过ajax请求进行处理。