Существуют ли системы шаблонов, позволяющие редактировать HTML, CSS и Javascript в одном файле? - PullRequest
0 голосов
/ 22 марта 2011

Если у вас небольшой HTML-шаблон, не было бы неплохо иметь CSS и Javascript, относящиеся к нему (привязка событий и т. Д.), В одном файле прямо рядом с HTML?

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

Но на самом деле довольно просто реализовать систему, которая просматривает все ваши шаблоны, удаляет все теги с их содержимым и помещает их в один большой файл .css, а затем с содержимым в файл .js, чтобы вы могли загрузить их из отдельных файлов, и, наконец, в шаблонах остается только HTML.

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

1 Ответ

0 голосов
/ 23 марта 2011

Синтаксический анализ HTML для удаления дубликатов тегов в качестве стандартной практики кажется неправильным. Разделение контента, стиля и поведения должно быть приоритетом первого класса в любом случае. Зачем объединять что-то, чтобы снова разорвать это на части? Представьте, что ваш CSS немного отличается между файлами. Как ваш парсер узнает, какой из них оставить?

IMO. Правильный подход к шаблонам для Javascript имеет основной файл HTML, который загружается с использованием HTTP-запроса, который снова связывает CSS и JS для остальной части приложения. Этот первый файл также может связывать файлы шаблонов JS (например, .jst), или они загружаются позже по требованию с помощью запроса AJAX. Тем не менее, эти шаблоны, как правило, содержат только структуру. В модели JS, использующей соединение JSON с каким-либо хранилищем, «стилизация» обеспечивается ранее загруженными файлами CSS.

Связанные: backbone.js и sammy.js

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...