Hi!
Добро пожаловать обратно на нашу сессию. Сегодня мы рассмотрим одну из структурных структур с открытым исходным кодом в javascript. Что вызвано? Угловой Javascript.
ANGULARJAVASCRIPT
Angularjavascript.- (Angular js), как его называют, представляет собой фреймворк для создания тяжеловесного javascript-одностраничного приложения (SPA) во фронтенд-разработке.
SPA загружает все содержимое веб-сайта на одной странице. Одна страница обычно находится в файле index.html. Он обновляет раздел внутри самой страницы.
Создан в 2010 году разработчиками Google Мишо Хевери и Адамом Аэронсом. Они выбрали имя Angular, потому что оно работает в HTML-файле.
Одно уникальное различие между веб-сайтами на основе angular и традиционными веб-сайтами заключается в том, что Angular ожидает, что браузер создаст страницу. Страница включает файлы HTML, CSS и Javascript. Браузер показывает последнюю страницу, отображаемую на веб-странице.
Звучит утомительно для браузера, верно? Тем не менее, в большинстве случаев он дает результаты быстрее, чем традиционное приложение, использующее Java и PHP.
Еще одна интересная особенность Angular JS — он позволяет писать более чистый код. Это включает в себя использование циклов, переменных и условий в шаблоне. Вы можете отслеживать, отображать и обрабатывать изменения от пользователя с помощью привязки данных.
ТРИ ОСНОВЫ ANGULAR JS
Двусторонняя привязка данных: обе стороны просмотра синхронизируются.
Внедрение зависимостей: Зависимости — это отношения между различными частями кода. Вместо того, чтобы привязывать зависимости к объектам. Angular подключает инжекторы, которые связывают их с зависимостями, хранящимися в центральном месте. Коды можно использовать повторно, а зависимость имитируется при написании модульного теста.
Директивы: - Наиболее используемая часть Angular JS. Они расширяют классический HTML. Они также работают как маркеры на тупом элементе, указывая угловому JS поведение для присоединения этого элемента. Другими словами, директивы позволяют Html создавать различный контент.
КОНЦЕПЦИЯ ANGULAR JS
Ключевые концепции, разработанные с помощью Angular JS
- Модульный
- Тестируемый
- ремонтопригодный
УГЛОВЫЕ ТИПЫ ПРИВЯЗКИ ДАННЫХ
- Односторонний/однонаправленный
- Двусторонний
- Событие
- Свойство
ВЕРСИИ УГЛОВОГО
Angular JS1 дает нам модульность для разделения кода для тестирования и обслуживания.
Angular 2 предоставляет компонентам лучшие способы разделения структур, API и повторного использования.
Angular 2 дает возможность выбрать больше языков. Например, ES5, ES6 или TypeScript для написания кода Angular 2.
Угловой 4
Angular 4.0 уменьшил размер связанного файла на 60%. Код помогает ускорить работу приложения за счет его сокращения.
Надлежащая фаза отклонения, позволяющая разработчикам корректировать свой код.
Функции анимации, извлеченные из angular/core и включенные в их пакет.
Угловой 5
Улучшения компилятора.
Оптимизация с помощью функции HttpClient
Интернационализированная дата и валюта
Угловой 6
Как и в Angular 5, в Angular 6 есть элемент Angular, который позволяет создавать компоненты Angular. Затем опубликуйте этот компонент как веб-компонент, который можно использовать на любой HTML-странице.
Интернационализация (i18n)
Одним из основных изменений, внесенных в Angular 6, является функция интернационализации (i18n) с рендерингом во время выполнения, поэтому нет правила создавать одно приложение для каждой локали.
Угловой 7
Это среда JavaScript с открытым исходным кодом для создания веб-приложений и приложений на JavaScript, html и Typescript, которая является расширенным набором JavaScript. Angular предоставляет встроенные функции для анимации, http-сервиса и материалов, которые, в свою очередь, имеют такие функции, как автозаполнение, навигация, панель инструментов и меню.
Угловой 8
Веб-работники
Веб-воркеры необходимы для улучшения параллелизма и скорости приложения. Angular 8.0 добавляет поддержку CLI и предоставляет один пакет для каждого веб-работника, и они делают это, записывая код вне основного потока.
Угловой Firebase
Angular 8 поддерживает Firebase, и теперь развернуть приложение Angular в Firebase очень просто. Использование Angular CLI, Service Worker.
Угловой 9
IVY как компилятор по умолчанию
IVY проверяет привязки в шаблонах любого приложения и сообщает о различных обнаруженных проблемах. Это помогает обнаруживать любые ошибки на ранних этапах процесса разработки. Затем он компилирует кодовые базы с помощью инструментов и методов для отладки своих приложений. Он управляет привязкой стиля, не завися от каких-либо таймингов. Angular 9 сохраняет большинство недостатков без потери производительности.
Обвязка компонентов
Angular 9 предоставляет альтернативные способы тестирования компонентов, чтобы убедиться, что модульные тесты проверены и менее хрупкие.
Угловой 10
Языковая служба
Интерфейс, зависящий от ресурса, компилирует файлы многих типов с использованием интерфейса проекта, который создает ScriptInfos там, где это необходимо. Автозаполнение, по-видимому, было удалено из объектов HTML, таких как &, ‹ и т. д., чтобы защитить базовую функциональность Angular LS, которая имеет сомнительную ценность и эксплуатационные расходы.
Новая конфигурация браузера по умолчанию
Конфигурация браузера для новых проектов была обновлена по сравнению со старыми и редко используемыми браузерами. Это включает в себя побочный эффект отключения автоматического построения ES5 для новых проектов. Один добавляет необходимые браузеры в файл RC списка браузеров. Позволяет ES5 создавать и разделять загрузку браузера.
Угловой 11
Обновлена поддержка замены горячего модуля (HMR)
Горячая замена модулей — это механизм, который позволяет заменять модули без полного обновления браузера.
Он предлагает поддержку HMR с необходимой конфигурацией и изменениями кода, что делает его не идеальным быстрым для включения в Angular.
Автоматическое встраивание шрифтов
В Angular 11 реализовано автоматическое встраивание шрифтов, которое преобразует шрифты и значки Google во встроенные в index.html.
Угловой 12
Переключиться с i18n
Идентификаторы сообщений i18n — это метод, используемый в Angular для выполнения нескольких планов обмена сообщениями всякий раз, когда инициируется новая задача. i18n используется для интерпретации и проверки кодов.
В Angular12 реализована новая стандартная конфигурация идентификатора сообщения, которая эффективна и не упрощает изменение пробелов. Этот новый метод обмена сообщениями предназначен для сокращения расходов на ненужную интерпретацию, признание недействительной и повторный перевод.
Поддержка Webpack 5.37
Поддержка Webpack 5.37 — отличная возможность для Angular 12. Она упрощает программирование для разработчиков, оказывая большое влияние на размер пакета, выполнение сборки и т. д. Это помогает улучшить долгосрочное кэширование и выполнение формы с высокой эффективностью.
Угловой 13
Полный плющ
Он больше не использует View Engine для рендеринга своих компонентов, а благодаря использованию механизма Ivy скорость компиляции и эффективность платформы для проектов повысились.
Улучшенный компонент A11y
Он поставляется с предварительно протестированными стандартами a11y и всеми компонентами платформы, такими как ARIA, сенсорные цели, флажки, переключатели и контрасты, созданные для обеспечения более высокой доступности для пользователей.
Угловой 14
Расширенная диагностика разработчика (компиляция ng)
Эта функция из Angular v14 обеспечивает расширяемую структуру. это помогает лучше понять ваши шаблоны и предлагает предложения по потенциальному повышению. Он проверяет синтаксическую ошибку в нашем компоненте, как в компоненте «Свяжитесь с нами», когда вы удаляете реактивный.
Отдельные компоненты
С выпуском Angular 14 автономные компоненты, наконец, станут работоспособным вариантом. Угловые модули не требуются.
Это все на сегодня.
До скорой встречи.
Источники: - Угловой Javascript
Основные возможности Angular 11
