javascript - DOM 操作与模板化

Question

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

我目前正在使用DocumentFragmentsdb 数据的初始大量注入，然后使用 jQueryprepend()和remove()函数进行管理。

我一直在研究模板，尤其是EJS，我想知道如果我实现它是否会获得任何性能提升。

如果是，为什么？如果不是，为什么？

也欢迎任何其他有关高性能 DOM 操作的技巧。谢谢。

Answer 1

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

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

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

我可以再补充一点——

1. 缓存您的模板将提高性能JSPerf
2. 减少回流（最小化渲染树的再生）
3. 不要直接使用css类添加样式
4. 无尽的所谓最佳实践

Answer 2

我是 js 模板引擎的粉丝。

但是，您需要非常小心地通过 javascript 代码渲染 html。

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

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

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