Статьи

JQuery лучше, чем Prototype! (10 причин)

jquery-vs-prototype

Этот пост устарел, он хранится здесь только в развлекательных целях.

обзор

И jQuery, и Prototype — это фреймворки / пакеты разработки JavaScript, которые предоставляют функции, которые делают написание кода JavaScript проще, быстрее и эффективнее. У обоих есть свои сильные и слабые стороны, преимущества и недостатки, но здесь, на jQuery4u, мы любим jQuery и считаем его лучшим, поэтому в этом списке рассказывается о том, как jQuery использует Prototype за $$!

Официальное определение jQuery

«JQuery — это быстрая и краткая библиотека JavaScript, которая упрощает обход документов HTML, обработку событий, анимацию и взаимодействие Ajax для быстрой веб-разработки. jQuery разработан для того, чтобы изменить способ написания JavaScript ». source: http://jquery.com/

Официальное определение прототипа

«Prototype — это JavaScript Framework, цель которого — облегчить разработку динамических веб-приложений. Обладая уникальным, простым в использовании инструментарием для разработки на основе классов и самой красивой библиотекой Ajax, Prototype быстро становится основой выбора для разработчиков веб-приложений повсюду ». Источник: http://www.prototypejs.org

10 причин, почему jQuery лучше, чем Prototype!

js-min-filesizes

  1. Размер библиотеки jQuery меньше, чем у Prototype ! — jQuery.js — 83 КБ, а Prototype.js — 159 КБ (121 КБ при сжатии).
  2. jQuery имеет больше плагинов, чем Prototype ! — jQuery имеет сотни неофициальных плагинов в каталоге на plugins.jquery.com, в то время как у Prototype есть только небольшой выбор: http://www.prototype-plugins.com/
  3. jQuery лучше в анимации, чем Prototype ! — Нет ничего лучше функции jQuery.animate, с помощью которой вы можете создавать любую анимацию CSS (вы должны добавить scriptaculous.js для некоторых встроенных эффектов анимации!)
  4. Сообщество jQuery намного больше, чем Prototype! — Если вы измеряете jQuery и Prototype по таким показателям, как количество людей, которые его используют, количество поисковых запросов, выполняемых в Google, количество проданных книг и т. Д., Вы увидите, что jQuery впереди с большим отрывом.
  5. JQuery легче учиться, чем Prototype! — Есть больше уроков онлайн, и вам не нужно знать JavaScript наизнанку, чтобы изучить его! Это также широко известный факт, что Prototype учится дольше, чем jQuery.
  6. У jQuery меньше конфликтов, чем у Prototype! — Прототип имеет создание класса, Try.these и Position, Range.
  7. jQuery имеет более привлекательный синтаксис, чем Prototype! — Это мое личное мнение … очень субъективное наблюдение!
  8. Вы можете добиться большего с меньшим количеством кода, используя jQuery во многих общих задачах (см. Пример кода ниже для доказательства!)
  9. jQuery загружается в IE быстрее, чем Prototype! — Доказательство ниже! (результаты по Slickspeed).
  10. jQuery обновляется более регулярно, чем Prototype! — Просто лучшая производительность благодаря большему количеству обновлений и исправлений ошибок от выделенной команды. См . Таблицы результатов эффективности .}

speed-results-jquery-ie

Пример кода в jQuery

  $ ("html, body"). animate ({scrollLeft: ($ ('div.active ul li'). eq (index) .offset (). left - leftOffset) + 'px'}, "slow", " качаться "); 

Пример кода в прототипе

  var scrollOffsets = document.viewport.getScrollOffsets ();  var elementOffsets = $$ ('div.active ul li') [index] .cumulativeOffset ();  new Effect.Tween (null, scrollOffsets.left, elementOffsets [0] - lo, function (p) {window.scrollTo (p, scrollOffsets.top);}); 

В итоге код, использующий prototype.js, содержал 180 строк, а эквивалентный код с использованием jQuery теперь составляет всего 160 строк.

Что ж, я надеюсь, что этот короткий пост поможет распространить информацию о том, что jQuery лучше, чем Prototype! :П