Что такое 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, Нокаут, ссылка Weld

Патрик Стил-Мет в отношении JavaScript Templating Landscape http://psteeleidem.com/the-javascript-templating-landscape/ поможет вам понять более подробно о различных шаблонов JavaScript.