Рубрики
Uncategorized

Шесть распространенных движков шаблонов JS

Автор оригинала: David Wong.

Наиболее важной функцией шаблона JS является преобразование статического в динамическое. Все преимущества и недостатки использования этого аспекта являются недостатками. Для достижения цели “превращения статики в динамику” хорошо, есть несколько моментов: ремонтопригодность (ее удобно менять позже); масштабируемость (удобно добавлять функции и требования); эффективность разработки (лучшая организация логики программы и удобная отладка); кажущаяся комфортной (нелегко написать неправильно); ниже приведены несколько используемых движков шаблонов JS, которые можно использовать для понимания.

1: Механизм шаблонов Baidu

1: Механизм шаблонов Baidu

Шаблон Baidu хочет создать движок шаблонов JS, который, по мнению пользователей, “прост и удобен в использовании”. Сценарий приложения: система шаблонов, используемая на странице публикации интерфейсной или внутренней среды Java. Обзор функций: предоставьте набор синтаксиса шаблона, пользователи могут писать область шаблона, генерировать фрагменты HTML, генерируемые соответствующими данными в соответствии с входящими данными каждый раз, и отображать различные эффекты.

2: Художественный шаблон Tencent

github: https://github.com/aui/artTem…

Скачать: http://www.jq22.com/jquery-in

Художественный шаблон Tencent-это новое поколение движка шаблонов Java с простой и эффективной производительностью. Он делает качественный скачок в производительности за счет предварительной компиляции и в полной мере использует возможности Java-движка, что делает его производительность чрезвычайно выдающейся как на переднем, так и на заднем уровне. Дружественная поддержка node js express.

3: Столяр из Таобао

Официальный документ на сайте: http://judge.name/

Адрес для загрузки: https://github.com/paulguo/ju

Joiner-это эффективный и легкий интерфейсный движок шаблонов (Java). Его цель-быть эффективным и простым в использовании. Кроме того, он может работать в node.js окружающая среда. Столяр Таобао немного больше похож на родной шаблон. Более совершенным и гибким.

4: Dot.js механизм шаблонов

github:https://github.com/olado/Точка

Скачать: http://www.jq22.com/jquery-in

Размер dot.js составляет всего 4 КБ, а производительность рендеринга очень хорошая. Более того, он напрямую поддерживает собственный метод написания, не полагается на другие библиотеки и подходит для шаблонизатора смешанной разработки.

5:руль

Официальный сайт руля: http://handlebarsjs.com./Inst

Github: https://github.com/daaain/Han…

Введение в CDN: https://cdnjs.com/libraries/h

Handlebars-самый популярный движок шаблонов в мире. Руль был внедрен во многие интерфейсные системы.

6:ejs

“E” означает “эффективный”, то есть [эффективный]. EJS-это простой язык шаблонов, который поможет вам создавать HTML-страницы с помощью обычного кода JavaScript. В EJS нет догмы о том, как организовать контент; он не воссоздает набор итеративного синтаксиса и синтаксиса потока управления; это просто обычный код JavaScript.

Официальный сайт EJS: https://ejs.boot css .com/

Характеристика

  • Быстрая компиляция и вывод результатов рендеринга
  • Простая метка шаблона: <%% >
  • Пользовательский разделитель (например: замените <%% > на > >
  • Фрагмент шаблона импорта
  • Поддержка как серверной, так и браузерной среды JS
  • Статическое кэширование промежуточных результатов JavaScript
  • Статический кэш шаблона
  • Совместимость с системой экспресс-просмотра