Создание модульного и организованного тяжелого сайта на JavaScript - PullRequest
5 голосов
/ 18 января 2011

Я ищу несколько общих советов о том, как сохранить мой Javascript организованным и модульным.

Последний тяжелый проект javascript, над которым я работал, выглядит [следующим образом] [1] (отформатированный http://jsfiddle.net/wdkZd/)

Как вы можете видеть, я пытаюсь найти пространство имен в моем javascript и построить довольнонекоторые отдельные функции. Тем не менее, когда мне нужно реализовать функции впоследствии, я все еще могу иногда теряться в своем собственном коде. И у меня появляется идея, что я могу лучше организовать свой код.

Любые общие указатели основаны нана что ты можешь посмотреть здесь?

Ответы [ 2 ]

4 голосов
/ 18 января 2011

В течение последних 2 лет я работал над проектом с довольно большой (более 10000 строк) кодовой базой javascript, в которой участвовало более 30 активных разработчиков javascript.

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

Некоторые способы, которыми мы пытались решить структурные проблемы, таковы:

  • Пространство имен обязательно.
  • построить ваше приложение по слоям, например, в нашем коде есть следующие определенные слои: транспорт, данные, businesslogic, управление и пользовательский интерфейс
  • Создайте свои слои вокруг общих многократно используемых самодостаточных компонентов / модулей, таких как: состояние, выбор, шаблоны, хранилище, события и т. Д.
  • используйте шаблоны, прочитайте о них, поймите, когда их использовать, и начните делать это, если вы этого не сделаете:)
  • Сохраняйте согласованность стиля кодирования, не отклоняйтесь, если только вам это не нужно - код должен быть самоочевидным, комментарии - это зло, которое необходимо только в крайних случаях
  • старайтесь мыслить словами: использовать перед повторным использованием, простота и ремонтопригодность перед элегантностью - дайте себе мантры и придерживайтесь их
1 голос
/ 18 января 2011

Некоторые правила, которым я следую для сохранения своего Javascript Organized:

  1. Минимизация всех библиотек в один файл
  2. Загрузка JS для конкретных страниц в нижних колонтитулах, если не требуется иначе
  3. Объединить все глобальные JS в один файл.{минимизировать только тогда, когда на стадии производства}

и, глядя на ваш JS, это выглядит довольно организованно.Поскольку вы разрабатываете плагин, было бы неплохо иметь возможность выбирать модули во время загрузки вашего плагина.Нечто похожее на Jquery UI

...