Разница между jQuery и AngularJS против Node.js

Я только начинаю веб-разработку, и до сих пор знаю:

HTML-макет сайта

CSS - сделайте его красивым.

JavaScript - функциональность

Затем что jQuery, AngularJS, и Node.js?

После выполнения быстрого поиска я обнаружил, что jQuery - это "библиотека JavaScript", AngularJS - это "инфраструктура веб-приложений с открытым исходным кодом с открытым исходным кодом на основе JavaScript", а Node.js - это среда выполнения JavaScript.

Кажется, что все они связаны с JavaScript, так это новые языки? Что означает "рамки/библиотека"?

Простой ответ был бы оценен. (Я только начинаю веб-программирование, но я знаком с программированием).

Ответ 1

jQuery - это библиотека (клиентская сторона)

jQuery - это быстрый, маленький, легкий, "писать меньше, делать больше" и полнофункциональную библиотеку JavaScript.

Он делает такие вещи, как обход и манипулирование документами HTML, обработку событий, анимацию и Ajax намного проще с простым в использовании API, который работает во множестве браузеров.

AngularJS - это структура MVC (клиентская сторона)

AngularJS - это клиентская среда JavaScript MVC для разработки динамического веб-приложения.

Он позволяет вам использовать HTML в качестве языка шаблонов и позволяет расширять синтаксис HTML, чтобы четко и лаконично выражать свои компоненты приложения. Увязка данных AngularJS и инъекция зависимостей устраняют большую часть кода, который вам в противном случае пришлось бы писать. И все это происходит в браузере, что делает его идеальным партнером любой серверной технологии. AngularJS был первоначально запущен как проект в Google, но теперь он является открытым исходным кодом.

Node.js - это платформа и среда выполнения (серверная сторона)

Node.js - это среда с открытым исходным кодом, межплатформенная среда выполнения для разработки серверных и сетевых приложений, построенных на Google Chrome JavaScript Engine (двигатель V8). Node.js приложения написанный на JavaScript, и может выполняться в среде Node.js в ОС X, Microsoft Windows и Linux.

Node.js также предоставляет богатую библиотеку различных модулей JavaScript, что в значительной степени упрощает разработку веб-приложений с использованием Node.js. Node.js использует управляемую событиями, неблокирующую модель ввода-вывода, которая делает ее легкой и эффективной, идеальной для приложений с интенсивным использованием данных в реальном времени, которые работают через распределенные устройства.

Библиотека vs. Framework

Ключевое различие между библиотекой и каркасом - "Инверсия Control". Когда вы вызываете метод из библиотеки, вы находитесь под контролем. Но с каркасом элемент управления инвертируется: фреймворк вызывает вы.

Введите описание изображения здесь

Библиотека

Набор функций, полезных при написании веб-приложений. Ваш код является ответственным, и он звонит в библиотеку, когда сочтет нужным. Например, jQuery.

Framework

Конкретная реализация веб-приложения, где ваш код заполняет детали. Структура отвечает за это, и она вызывает ваш код, когда ему нужно что-то конкретное для приложения. Например, AngularJS, Durandal, Ember.js, и др.

Ответ 2

Простыми словами,

  • jQuery - это набор функций JavaScript для управления HTML и CSS
  • AngularJS - это среда JavaScript, которая помогает вам организовывать HTML и CSS.
  • Node.js- - это среда выполнения JavaScript... вроде браузера на вашем сервере или на локальном компьютере, но без всего механизма рендеринга браузера и дополнительных функций.. это просто среда выполнения

Основное отличие библиотеки от рамки в простых словах:
Framework накладывает определенную архитектуру и ожидает, что приложение будет следовать ее ожиданиям
Библиотека представляет собой набор низкоуровневых строительных блоков, часто предоставляющих гранулярные функции, предназначенные для решения очень конкретных проблем (например, функция jquery.post()) *

Ответ 3

JQuery

jQuery - это библиотека, которая многое делает для вас. Он содержит множество удобных, часто используемых функций, так что вам не нужно писать этот код самостоятельно. Это своего рода разница между плотником в каменном веке или наличием в вашем распоряжении массива электроинструментов.

AngularJS

AngularJS - это структура, используемая для создания интерфейсных графических пользовательских интерфейсов (GUI) для интерактивных веб-сайтов и веб-приложений. Он делает мощную комбинацию при использовании рядом с Node.js

Node.js

Node - это структура, используемая для создания внутренних веб-сервисов, таких как API REST конечные точки, которые вытащите данные для вас в фоновом режиме. Вы можете подключать кнопки и элементы GUI к этим конечным точкам, используя AngularJS для создания богатых веб-приложений и веб-отчетов, управляемых данными. Будучи RESTful, эти службы ожидают, пока внешний интерфейс не отправит им запрос (пользователь нажимает кнопку), и они выполняют запрос базы данных или читают файл и выплевывают некоторые данные, которые веб-приложение может отображать пользователю.

Общие рамки

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

AngularJS будет похож на команду дизайна интерьера вместе с электрическим, а Node.js - все остальное. Упрощать? Может быть. Но вы попросили простое объяснение.

Итак, вы можете думать о AngularJS и Node.js как о противоположностях, но их можно использовать вместе в одном приложении или проекте. Они выполняют разные цели, но оба они используют JavaScript (и jQuery в некоторой степени) для этого.

Ответ 4

Вот почему они становятся все более популярными с каждым днем:

JQuery

  • Коды Jquery относительно короче. Иногда только пять строк кода jQuery эквивалентны 25 строкам обычного кода JavaScript (например, загрузка файла данных с помощью AJAX). Это означает, что меньше кода и гораздо меньше файлов.
  • Большая библиотека: jQuery позволяет вам выполнять орды функций в сравнение с другими библиотеками JavaScript.
  • Super Easy работает с Ajax: jQuery позволяет вам легко создавать шаблоны Ajax, Ajax позволяет более гладкий интерфейс, где действия могут выполняться на страницах не требуя перезагрузки всей страницы.

AngularJS

  • Двусторонняя привязка данных: пока вы можете написать простой двухсторонний событие привязки данных в jQuery, JavaScript MVC-библиотеки предоставляют больше декларативный (используя HTML) способ подключения моделей к вашему виду.
  • Отлично подходит для SPA (одностраничные приложения): Библиотеки, такие как AngularJS, Aurelia, Ember.js и Meteor предоставить вам всю сантехнику вместо написания всего этого в jQuery

Node.js

  • Это быстро: в дополнение к быстрому выполнению JavaScript, реальная магия за Node.js - это цикл события. Цикл событий является один поток, который выполняет все операции ввода-вывода асинхронно. Традиционно операции ввода-вывода выполняются синхронно (блокирование) или асинхронно, создавая параллельные потоки для выполнения работы.
  • В режиме реального времени Made Easy: если Node.js выделяется на многих параллельных соединения, то имеет смысл, что он превосходит многопользовательские, в реальном времени веб-приложений, таких как чат и игры. Цикл событий Node.js заботится о многопользовательских требованиях.

Ответ 5

Вы используете HTML, CSS и JavaScript для создания интерактивных веб-сайтов.

jQuery - это инструмент, написанный на JavaScript.

AngularJS - это инструмент, написанный на JavaScript.

React - это инструмент, написанный на JavaScript.

Эти инструменты помогут вам управлять взаимодействием между HTML, CSS и JavaScript в соответствии с их собственными правилами. Когда инструмент становится действительно большим, в зависимости от его характеристик он может иметь название "библиотека" или "каркас".

Мы часто запускаем JavaScript в веб-браузере. Но несколько лет назад появилась эта вещь под названием Node.js, которая позволила нам легко запускать JavaScript за пределами браузера. Мне нравится думать, что это "программа, которая запускает JavaScript за пределами браузера" (что означает... нет HTML или CSS для просмотра).

Ответ 6

  • Framework. Здесь описывается структура, в которой вы должны представить свой код. В значительной степени похож на шаблон кода, некоторые помощники, конструкторы и т.д., Чтобы решить/упростить конкретную проблему или привести вашу архитектуру в "порядке". Примеры, Backbone.js, RequireJS, Socket.IO. Структура инкапсулирует общие функциональные возможности приложения, позволяя разработчику сосредоточиться на тех частях, которые уникальны для их применения.

  • Библиотека. Это целый набор инструментов, который сильно абстрагирует разные слои, такие как браузеры, модели DOM и т.д. Также как хороший инструментарий, он предлагает множество инструментов и аккуратных вещей для работы с, что в целом упрощает ваш опыт кодирования. Примерами являются jQuery и MooTools.

Посмотрите здесь для получения дополнительной информации.