Приведение в порядок jQuery

Question

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

Кажется, я могу сделать это, создав их как плагины jQuery, а затем используя $ (document). plugin_name (); на странице.

Это нормально, или есть лучший / более простой способ?

Спасибо

Answer 1

Вам не нужно делать никаких таких махинаций, если вы импортируете файлы .js в правильном порядке, все будет работать так, как если бы все было в одном файле. Вы также можете без проблем использовать блок $(document).ready(function() { }); в любом файле.

Answer 2

Я предлагаю вам попробовать Sprockets: http://getsprockets.org/. Он позволяет разделить ваш Javascript на различные управляемые файлы и объединить их в один файл для развертывания.

Разделение Javascript на несколько файлов является обязательным условием для больших приложений во время разработки, но их объединение в один очень важно для управления задержкой во время загрузки в производстве.

Answer 3

Попробуйте проверить сообщение Ребекки Мерфи о организации вашего кода

Если вы используете пользовательский интерфейс jQuery, у него есть очень классный инструмент для создания виджетов, который поможет вам создавать свои собственные плагины с отслеживанием состояния