什麼是基於DOM的模板？

Question

什麼是基於DOM的模板？我開始學習AngularJS，並且我多次看到這個術語。 基於DOM的模板有什麼優勢？

尋找類似基於字符串的模板之間的差異，如何在基於DOM的要好，等

Answer 1

目前在AngularJs您可以指定標籤模板，然後貼上標籤使用在任何你需要的他們也可以在外部html文件中創建模板，然後使用ng-include將該模板包含在需要的地方。

在最近的一次演示中，角度團隊表示角度的未來將包括陰影DOM以及直接在頁面中指定自定義HTML標記和邏輯的能力，而無需爲您的瀏覽器構建指令以瞭解它是什麼。

Answer 2

基於DOM的模板語言依賴於DOM樹來識別模板指令。基於DOM的模板將遍歷DOM樹以發現模板化指令，然後操作DOM樹以生成最終的DOM樹，然後在瀏覽器中對其進行渲染。除非在服務器上使用虛擬DOM，否則基於DOM的模板語言只能在瀏覽器中使用。基於DOM的模板語言本質上要慢得多，因爲模板不能預編譯，因爲輸入是要操縱的DOM樹，輸出是操作的DOM樹。相比之下，基於文本和基於HTML的模板可以預編譯爲JavaScript函數，這是編譯器分析模板以查找所有感興趣的動態部分的結果。基於DOM的模板語言的

例子：

AngularJS，淘汰賽，焊接

帕特里克·斯蒂爾，同上的關於JavaScript的模板景觀http://psteeleidem.com/the-javascript-templating-landscape/將幫助你瞭解關於不同的JavaScript模板更詳細信息鏈接。