Рамки шаблона Javascript

Question

Я пишу множество веб-приложений, которым требуется много динамического контента, который заменяется в соответствии с различными ajax-запросами к бэкэнду PHP + mySQL, который может отвечать на все данные как JSON.Это может быть что-то вроде викторин, опросов или более продвинутых приложений, требующих большего обновления DOM.Дело в том, что интеграция с HTML (который кодируется третьей частью) настолько проста, насколько это возможно.

Поскольку это много небольших приложений, а не большой сайт, я ищу библиотеку, которая поможетя получаю работу быстро и легко , чтобы настроить позже.Я не знаю лучшего способа сделать это, но знаю, что есть различные библиотеки, которые делают то, что мне нужно (и многое другое).

Обязательные функции:

• Легкий
• Простое обновление структуры HTML (даже для HTML-кодировщиков)
• Совместимость с jQuery
• Работает со всеми современными браузерами, включая Chrome,Firefox, Safari и IE7 +
• Работает со всеми мобильными браузерами, включая Android, iOS и Windows Mobile

Answer 1

Я бы попробовал Distal .

Вы сказали, что ваш HTML кодируется третьей стороной, поэтому вы хотели бы минимальных изменений во время интеграции.С помощью distal вы добавляете материал в существующий HTML, и вам не нужно его перемещать.

Синтаксис основан на HTML, поэтому он подходит только для HTML-кодеров.

Answer 2

Усы довольно крепкие, но я обнаружил, что это слишком жестко в отношении "логического шаблона".Например, он не предлагает много мелких тонкостей, на которые вы бы надеялись в шаблонной системе, как, например, выражение «else».Вы должны делать глупые вещи, как это все время:

{{#if foo}}
    <span>foo is set</span>
{{/if}
{{^if foo}}
    <span>foo is not set</span>
{{/if}}

Вместо этого я бы порекомендовал Рули , который построен поверх Усов, но добавляет некоторые приятные функции, такие как пользовательские помощникии улучшенная поддержка переключения контекста.

Answer 3

Попробуйте ПРОСТО .У него схожий синтаксис с EJS, но более мощный.Он имеет очень полезные функции, такие как наследование, частичные и переопределения блоков.Работает на стороне клиента и сервера (node.js).

Answer 4

Я бы попробовал усы .Я использовал это в прошлом, и это довольно хорошо;быстрый и интуитивно понятный.