Какую комбинацию фреймворков и библиотек Javascript / Css / HTML вы рекомендуете? - PullRequest
4 голосов
/ 03 марта 2012

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

Меня не интересует одна структура, а больше комбинация различных инструментов, которые хорошо работают вместе. Я рассмотрел сбросы и нормализаторы, шаблоны, HTML-структуры и сетку, CSS-структуры, CSS-структуры, Javascript-структуры, DOM-манипуляции, AJAX, загрузку ресурсов, обнаружение функций и библиотеки пользовательского интерфейса, наборы инструментов Javascript, предварительные настройки на стороне сервера. -процессоры и препроцессоры на стороне клиента и генераторы инфраструктуры; Это прекрасный хаос.

Кроме того, я с нетерпением жду возможности использовать SASS и Coffeescript или что-то подобное, поэтому было бы неплохо комбинировать их, в том числе.

Обновление: Я выбрал JQuery для манипулирования DOM, и я также был бы признателен за некоторый кикстартер / загрузчик.

Ответы [ 4 ]

7 голосов
/ 03 марта 2012

Зависит от чего. Используйте то, что вы знаете лучше всего!

Тем не менее, вот несколько рекомендаций ...

Вес пера

Для быстрого, без излишеств ине продумывая разработку, я бы порекомендовал:

  • Подчеркнуть для общего развития JavaScript
  • BackBone для связи клиент / сервер (с использованием jQuery или Zepto.js для вызовов AJAX) и разработка моделей и шин событий
  • Жасмин для JS-тестирования
  • SASS для кулера CSS
  • HTML Framework, что это?:)

CoffeeScript действительно здорово, если вы хотите пойти по этому пути.Если вас интересует CoffeeScript , вы можете посмотреть на Google Dart , но это довольно недавно.

Тяжеловесы (включая аккумуляторы)

Если вы создаете довольно сложное веб-приложение (здесь речь идет о тысячах строк кода), вам нужнометка, и в этом случае я бы порекомендовал вам взглянуть на:

Dojo и Closure могут быть интегрированы в сложные системы сборки, и их компиляторы позволят хорошую модульность вашей кодовой базысохраняя при этом легкость производства сильно оптимизированных результатов.Они также содержат собственную систему загрузки модулей, поэтому вам не понадобятся дополнительные библиотеки, такие как Require.JS, и они будут загружать только те части, которые вы им явно объясните, если вы используете пользовательскую сборку.Но имейте в виду, они определенно более практичны и имеют более крутой курс обучения.

Инструменты Google Closure определенно очень Он включает в себя как аккумуляторы, так и комплектующие, но они не обязательно облегчают разработку: они дают вам силы, но вам нужно знать, что вы делаете.

Bootstrappers / Kickstarters

Некоторые решения предлагают «запустить» ваш проект и подготовить для вас набор некоторых из вышеперечисленных инструментов, иногда предлагая некоторые настройки, чтобы вы могли легко приступить к работе и не нуждаться в обновлении собственного кикстартера в актуальном состоянии.с новыми версиями:

ВНИМАНИЕ: Я действительно не пробовал эти kickstarters экстенсивно себя.

5 голосов
/ 03 марта 2012

Очевидно, что ответ здесь сильно зависит от того, что вы строите. Если вы действительно углубляетесь в разработку и создание одностраничных веб-приложений, я бы порекомендовал прочитать блог Адди Османи . В последнее время он ведет блог и много рассказывает о системах javascript MVC / MVP / MVVM, а также о масштабировании приложений javascript.

Если вы хотите список белья, прочитайте эту статью , где он дает свой идеальный стек:

  • Backbone.js для облегченного MV *
  • Require.js + AMD + текстовое дополнение RequireJS (для поддержки внешнего управления шаблонами)
  • Backbone.js LayoutManager (если вам требуется более интеллектуальное управление макетом)
  • jQuery для манипулятора DOM.
  • Handlebars.js для шаблонов, если вы не делаете что-то простое, в этом случае выберите Микродателлинг Underscore
  • r.js для обработки сценариев оптимизации
  • Жасмин + Дженкинс для тестирования и CI
  • Node.js + Express (говоря об Node, Миллер Медейрос имеет отличную статью о том, как использовать его в качестве сценария сборки)
  • MongoDB как хранилище данных noSQL

Это на удивление близко к тому, что я использую сам, и я могу подтвердить качество этих библиотек и это как решение для всего стека.

0 голосов
/ 05 апреля 2015
  1. Угловой JS - Потрясающе.MVC Framework, отлично подходит для быстрых SPA

  2. jQuery - манипулирование DOM - хорошо для эффектов (затухание, переключение и т.д.)

    Хотя не слишком полагайтесь на это.

  3. Angular JS, jQuery - Некоторые утверждают, что они хорошо работают вместе.

  4. Backbone.js

  5. Ember.js

  6. React.js - использует JSX, а не JS, но почти то же самое

<script type='text/jsx'>
    //JSX
</script>
0 голосов
/ 03 марта 2012

jQuery для JavaScript.Множество отличных плагинов UI для элементов управления UI в дополнение к API jQuery, который скрывает различия между браузерами в DOM.

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