javascript - DOM 操作与模板

Question

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

我目前正在使用 DocumentFragments对于数据库数据的初始大量注入(inject)，然后是 jQuery 的 prepend()和 remove()管理功能。

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

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

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

Answer 1

我不认为模板会给你带来性能提升(如果你不缓存你的模板)。

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

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

我可以再补充一点-

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