Стандарты кодирования Ext JS / лучшие практики - PullRequest
1 голос
/ 20 августа 2011

Может кто-нибудь поделиться стандартами кодирования ext js?Достаточно ли иметь две версии файлов js - одну во время разработки и другую сжатую версию для производственной среды?

Также любой может подсказать, какое количество файлов JS мы можем иметь.Я читал некоторые, где js-файлы загружаются последовательно и, следовательно, избегать добавления новых файлов только для удобства чтения.Скорее иметь содержимое в минимальном количестве файлов.Это правда?

Ответы [ 4 ]

5 голосов
/ 21 августа 2011

Да .. у вас должно быть 2 версии вашего JS .. одна - это отладочная версия, которую следует использовать во время разработки, и уменьшенная версия файла, которую следует использовать для производственной среды.Причина, по которой следует использовать минимизированную версию, заключается в том, что размер файла минимизированной версии намного меньше, чем версия отладки, следовательно, загружается быстрее на стороне клиента.Попробуйте также запутывание ... которое еще больше уменьшает размер, но иногда может привести к некоторым ошибкам, так как запутать довольно сложно.Компрессор YUI отлично справляется с этим.Чем меньше размер вашего JSes, тем быстрее ваш сайт будет готов к использованию.

Когда ваши JS включены в head вашей страницы, они загружаются последовательно.Поэтому, чтобы избежать этого, поместите их в часть body вашей страницы.Это позволяет использовать несколько соединений, поэтому вы можете загружать несколько файлов одновременно.Посетите эту страницу, чтобы узнать больше таких советов.

Что касается ExtJ, напишите как можно больше пользовательских компонентов.Расширьте встроенные классы в соответствии с вашими потребностями.Есть несколько примеров, включенных в пакет Ext JS, который доступен для скачивания.Если вам нужна дополнительная помощь, обратитесь к папке extjs / example / ux для пользовательских компонентов, одобренных Ext JS, которые поставляются вместе с дистрибутивом Ext JS.Избегайте использования id в ваших компонентах .. вместо этого попробуйте использовать itemId или ref для доступа к компонентам.

1 голос
/ 28 декабря 2011

Также попробуйте собрать пользовательскую версию для ext-all.js. Это экономит много времени на скачивание за счет уменьшения размера файла. Я уверен, что вы не будете использовать весь файл для своей страницы.

Я бы также предложил вам реализовать концепцию Prime Cahce, чтобы все файлы JS / CSS загружались на самой странице входа. Это заставит остальные страницы загружаться быстрее.

А на ваш вопрос о серийной загрузке да. Каждая загрузка js является HTTP-запросом, и это происходит последовательно. Поэтому попробуйте загрузить файлы JS в тело, если это не требуется при загрузке страницы.

1 голос
/ 06 сентября 2011

Учитывая, что вы спрашиваете все о Ext JS 3, я настоятельно рекомендую перейти на Ext JS 4, где объединение и сжатие всех ваших файлов JavaScript будет намного проще, поскольку для этого есть специальный инструмент.Учитывая, что вы спрашиваете об этом сейчас, не может быть слишком много файлов JavaScript для конвертации.

1 голос
/ 20 августа 2011

Посмотрите на архитектуру сложных официальных примеров.Лучший способ - написать собственные компоненты на основе встроенных.Для ExtJS4 новая архитектура MVC хорошо описана в официальных документах API.

Две версии .js (отладка и производство) должны быть на любой выбор.

...