Angular (веб-фреймворк) - Angular (web framework)

Эта статья про Angular. Для AngularJS 1.x см. AngularJS.
Угловой
Угловой полноцветный logo.svg
Разработчики)Google
изначальный выпуск2.0 / 14 сентября 2016; 4 года назад (2016-09-14)[1]
Стабильный выпуск
11.0.3 / 2 декабря 2020; 5 дней назад (2020-12-02)[2]
Предварительный выпуск
11.1.0-next.1 / 2 декабря 2020; 5 дней назад (2020-12-02)[2]
РепозиторийУгловой репозиторий
Написано вМашинопись
ПлатформаВеб-платформа
ТипВеб-фреймворк
ЛицензияЛицензия MIT
Интернет сайтугловатый.io

Угловой (обычно называют "Угловой 2+" или же "Angular v2 и выше")[3][4] это Машинопись -основан Открытый исходный код каркас веб-приложений во главе с командой Angular в Google и сообществом частных лиц и корпораций. Angular - это полностью переписанный продукт той же команды, что и AngularJS.

Различия между Angular и AngularJS

Архитектура приложения Angular. Основные строительные блоки - это модули, компоненты, шаблоны, метаданные, привязка данных, директивы, службы и внедрение зависимостей.

Google спроектировал Angular как переработанный AngularJS с нуля.

  • Angular не имеет понятия «область действия» или контроллеры; вместо этого он использует иерархию компонентов в качестве своей основной архитектурной характеристики.[5]
  • Angular имеет другой синтаксис выражений, фокусируясь на "[ ]" за свойство привязка, и "( )" за мероприятие привязка[6]
  • Модульность - большая часть основных функций перенесена в модули
  • Angular рекомендует использовать Microsoft с Машинопись язык, который представляет следующие функции:
  • Машинопись это надмножество ECMAScript 6 (ES6) и является обратно совместимый с ECMAScript 5 (например, JavaScript).
  • Динамическая загрузка
  • Асинхронные компиляции шаблонов
  • Итеративные обратные вызовы, предоставляемые RxJS. RxJS ограничивает видимость состояния и отладку, но их можно решить с помощью реактивных надстроек, таких как ngrx или ngxs.
  • Поддержка Angular Universal, которая запускает приложения Angular на серверах.

История

Именование

Первоначально переписанный AngularJS назывался «Angular 2», но это привело разработчиков в замешательство. Чтобы уточнить, команда объявила, что для каждого фреймворка следует использовать отдельные термины, причем «AngularJS» относится к версиям 1.X, а «Angular» без «JS» относится к версиям 2 и выше.[7]

Версия 2

Angular 2.0 был анонсирован на конференции ng-Europe 22–23. Октябрь 2014 г.[8][9] Резкие изменения в версии 2.0 вызвали серьезные разногласия среди разработчиков.[10] 30 апреля 2015 года разработчики Angular объявили, что Angular 2 перешел с Alpha на Developer Preview.[11] Angular 2 перешел на бета-версию в декабре 2015 года,[12] а первый релиз-кандидат был опубликован в мае 2016 года.[13] Финальная версия вышла 14 сентября 2016 года.

Версия 4

13 декабря 2016 года был анонсирован Angular 4, пропущенный 3 во избежание путаницы из-за несоответствия версии пакета маршрутизатора, который уже распространялся как v3.3.0.[14] Финальная версия вышла 23 марта 2017 года.[15] Angular 4 - это обратная совместимость с Angular 2.[16]

Angular версия 4.3 является второстепенным выпуском, что означает, что она не содержит критических изменений и является заменой для 4.x.x.

Возможности версии 4.3

  • Представляем HttpClient, меньшая, более простая в использовании и более мощная библиотека для выполнения HTTP-запросов.
  • Новый жизненный цикл маршрутизатора события для гвардейцев и решающих. Четыре новых события: ОхранникиCheckStart, ОхранникиCheckEnd, ResolveStart, ResolveEnd присоединиться к существующему набору событий жизненного цикла, например NavigationStart.
  • Условно запрещать анимации.

Версия 5

Angular 5 был выпущен 1 ноября 2017 года.[17] Ключевые улучшения в Angular 5 включают поддержку прогрессивные веб-приложения, оптимизатор сборки и улучшения, связанные с материальным дизайном.[18]

Версия 6

Angular 6 был выпущен 4 мая 2018 года.[19] Это крупный выпуск, ориентированный не столько на базовую структуру, сколько на цепочку инструментов и на упрощение быстрого перехода с Angular в будущем, например: ng update, ng add, Angular Elements, Angular Material + CDK Components, Angular Material Starter Компоненты, рабочие области интерфейса командной строки, поддержка библиотек, поставщики с изменяемым деревом, улучшения производительности анимации и RxJS v6.

Версия 7

Angular 7 был выпущен 18 октября 2018 года. Обновления, касающиеся производительности приложений, материала Angular и CDK, виртуальной прокрутки, улучшенной доступности выборок, теперь поддерживает проекцию контента с использованием веб-стандарта для настраиваемых элементов и обновления зависимостей относительно Typescript 3.1, RxJS 6.3, Node 10 (все еще поддерживает узел 8).[20]

Версия 8

Angular 8 был выпущен 28 мая 2019 года. Он отличается дифференцированной загрузкой для всего кода приложения, динамическим импортом для ленивых маршрутов, веб-рабочими, поддержкой TypeScript 3.4 и Angular Ivy в качестве предварительного просмотра. Предварительный просмотр подписки Angular Ivy включает:[21]

  • Сгенерированный код, который легче читать и отлаживать во время выполнения
  • Более быстрое время восстановления
  • Улучшенный размер полезной нагрузки
  • Улучшенная проверка типа шаблона
  • Обратная совместимость

Версия 9

Angular 9 был выпущен 6 февраля 2020 года. Версия 9 перемещает все приложения на использование Компилятор и среда выполнения Ivy по умолчанию. Angular обновлен для работы с TypeScript 3.6 и 3.7. Помимо сотен исправлений ошибок, компилятор и среда выполнения Ivy предлагают множество преимуществ:

  • Меньшие размеры пакетов
  • Более быстрое тестирование
  • Лучшая отладка
  • Улучшенная привязка классов и стилей CSS
  • Улучшенная проверка типов
  • Исправлены ошибки сборки
  • Уменьшено время сборки, по умолчанию включен AOT.
  • Улучшенный Интернационализация

Версия 10

Angular 10 был выпущен 24 июня 2020 года. [22]

  • Новое средство выбора диапазона дат (библиотека пользовательского интерфейса материала)
  • Предупреждения об импорте CommonJS
  • Дополнительные более строгие настройки
  • Идти в ногу с экосистемой
  • Новая конфигурация браузера по умолчанию
  • Амортизация и удаление

Версия 11

Angular 11 был выпущен 11 ноября 2020 года. [23]

Будущие релизы

Начиная с версии 9, команда Angular переместила все новые приложения на использование компилятора и среды выполнения Ivy. Они будут работать над Ivy, чтобы улучшить размеры выходных пакетов и скорость разработки.[24]

Ожидается, что каждая версия будет обратно совместима с предыдущим выпуском. Команда разработчиков Angular обязалась делать обновления дважды в год.

Политика и расписание поддержки

Все основные выпуски поддерживаются 18 месяцев. Это 6 месяцев активной поддержки, в течение которых выпускаются регулярные обновления и исправления. Затем следует 12 месяцев долгосрочной поддержки (LTS), в течение которых выпускаются только критические исправления и исправления безопасности.[25]

Поддерживаемые версии Angular
ВерсияПоложение делВышелАктивные концыLTS Ends
^11.0.0Активный11 ноя.202011 мая 2021 г.11 мая 2022 г.
^10.0.0LTS24 июня 2020 г.24 декабря 2020 г.24 декабря 2021 г.
^9.0.0LTS6 февраля 2020 г.6 августа 2020 г.6 августа 2021 г.

Библиотеки

Угловой материал

"Angular Material" перенаправляется сюда. Информацию о одноименной библиотеке для AngularJS 1.x см. AngularJS § Угловой материал.

Угловой материал - это UI библиотека компонентов, реализующая Материальный дизайн в Angular.[26][27]

Смотрите также

Рекомендации

  1. ^ «Угловой, версия 2: проприоцепция-подкрепление». blogspot.com. 14 сентября 2016 г.. Получено 2017-03-18.
  2. ^ а б "angular / CHANGELOG.md". Получено 2020-12-04.
  3. ^ "r / Angular2". Reddit.
  4. ^ «AngularJS и Angular 2+: подробное сравнение». 6 апреля 2018.
  5. ^ "Angular Docs". angular.io.
  6. ^ "В чем разница между AngularJS и Angular?". gorrion.io. 19 сентября 2017 г.. Получено 2018-01-28.
  7. ^ "Angular: Руководство по брендингу для AngularJS". Получено 2017-03-04.
  8. ^ Коман Гамильтон. «Взгляд на радикально новый Angular 2.0». Получено 2015-10-21.
  9. ^ "График Ng-Europe".
  10. ^ Коман Гамильтон. "Анонсы Angular 2.0 имеют неприятные последствия". Получено 2015-10-21.
  11. ^ @angularjs (30 апр 2015). «Angular 2 переходит с альфа-версии на предварительную версию для разработчиков! Руководство разработчика и документация по API теперь доступны по адресу ... angular.io/docs/js/latest» (Твитнуть). Получено 2015-10-21 - через Twitter.
  12. ^ "Angular: Angular 2 Beta". angularjs.blogspot.it. Получено 2016-07-13.
  13. ^ "угловой / угловой". GitHub. Получено 2016-05-04.
  14. ^ «Хорошо ... позвольте мне объяснить: это будет Angular 4.0». angularjs.blogspot.kr. Получено 2016-12-14.
  15. ^ "Angular 4.0.0 уже доступен". angularjs.blogspot.ca. Получено 2017-03-23.
  16. ^ «Angular 4 выйдет в 2017 году для обратной совместимости с Angular 2». react-etc.net. Получено 2016-12-14.
  17. ^ Флюин, Стивен. «Доступна версия 5.0.0 Angular». Получено 2 ноября 2017.
  18. ^ "Angular 5 JavaScript framework отложен".
  19. ^ «Доступна версия 6.0.0 Angular». Получено 4 мая 2018.
  20. ^ Флуин, Стивен (2018-10-18). «Версия 7 Angular - подсказки CLI, виртуальная прокрутка, перетаскивание и многое другое». Блог Angular. Получено 2019-06-07.
  21. ^ Флуин, Стивен (2019-02-08). «План на версию 8.0 и Плющ». Блог Angular. Получено 2019-06-07.
  22. ^ https://blog.angular.io/version-10-of-angular-now-available-78960babd41
  23. ^ https://blog.angular.io/version-11-of-angular-now-available-74721b7952f7
  24. ^ Флюин, Стивен. "Проект Айви прибыл!". Получено 7 июля 2020.
  25. ^ «Угловой». angular.io. Получено 2019-06-07.
  26. ^ Библиотека компонентов пользовательского интерфейса Angular Material
  27. ^ AngularJS Материал

внешняя ссылка