什么是基于 DOM 的模板？我开始学习AngularJS，我多次看到这个术语。基于 DOM 的模板化有哪些优势？
寻找诸如基于字符串的模板之间的差异，基于 DOM 的模板如何更好等。
基于 DOM 的模板语言依赖于 DOM 树来识别模板指令。基于 DOM 的模板将遍历 DOM 树发现模板指令，然后操作 DOM 树生成最终的 DOM 树，然后在浏览器中呈现。一个基于 DOM 的模板语言仅在浏览器中工作，除非在服务器上使用虚拟 DOM。基于 DOM 的模板语言是本质上要慢得多，因为模板无法预编译因为输入是要操作的 DOM 树和输出是操作的 DOM 树。相比之下，基于文本和基于 HTML 的模板可以预编译为 JavaScript 函数这是编译器分析模板以查找所有有趣的动态部分。
基于 DOM 的模板语言示例：
棱角JS， 敲除， 焊接
从 Patrick Steele-Idem 关于 JavaScript Templatelating Landscape 的链接中，http://psteeleidem.com/the-javascript-templating-landscape/将帮助您了解有关不同 JavaScript 模板的更多详细信息。
目前在 AngularJs 中，您可以在标签中指定模板，然后标记它们以在您需要的地方使用，或者您可以在外部 html 文件中创建一个模板，然后使用 ng-include 将该模板包含在您需要的地方。
在最近的一次演讲中，angular团队表示，angular的未来将包括shadow DOM以及直接在页面中指定自定义HTML标签和逻辑的能力，而无需为浏览器构建指令来理解它是什么。