Главная » Архив меток: Angular

Архив меток: Angular

Отложенная загрузка JavaScript с помощью Angular Loadable (ngx-loadable ~ 2.2 кБ)

От автора: отложенная загрузка JavaScript — более простой способ добавления не маршрутизируемых модулей Angular! Рабочий пример использования медленной сети для демонстрации ngx-loadable (демо) Демо | Исходный код Одна вещь, которая всегда вызывала у меня некоторое смущение, когда я начал работать над «Проектами Angular» (до v6) после некоторого времени работы с React, заключалась в том, что я мог загружать отложено только ...

Читать далее »

Нужны ли нам все еще JavaScript-фреймворки?

От автора: как веб-разработчик, я стараюсь регулярно оценивать свой инструментарий и определять, могу ли я обойтись без того или иного инструмента. Недавно я исследовал, насколько легко разрабатывать сложные приложения без front-end фреймворка JavaScript. Что такое JavaScript-фреймворк? В общем, JavaScript-фреймворк — это инструмент, который вы можете использовать для разработки современных веб-приложений, особенно SPA. В свое время веб-разработчики реализовали логику интерфейса, полагаясь ...

Читать далее »

Развлекаемся с миксинами в Angular

От автора: в своем последнем посте я писал об Управлении состоянием в Angular. В конце я написал о Connect Mixin, который я использовал в то время. Ладно, если честно, я имел в виду компонент более высокого уровня, но в Angular это не так просто сделать. Итак, давайте по порядку. Сегодня говорим о том, как использовать в Angular.js миксины. Цель Connect ...

Читать далее »

Стратегия предварительной загрузки quicklink для Angular

От автора: несколько месяцев назад я опубликовал статью о Guess.js. Guess.js — мощная библиотека для прогнозируемого предварительного извлечения JavaScript на основе данных аналитики веб-сайта. Библиотека использует отчеты из источника аналитики (по умолчанию Google Analytics) и создает базовую модель машинного обучения. Когда пользователь заходит на сайт, с помощью Guess.js на основе модели происходит предварительная загрузка ресурсов, которые, вероятно, понадобятся дальше. Благодаря ...

Читать далее »

Интеллектуальная страница 404 в Angular

От автора: опечатки в URL-адресах — это прямой путь к странице 404. Но можем ли мы улучшить пользовательский опыт в этой ситуации? Например, можем ли мы предоставить пользователю правильный путь? Сегодня я покажу, как сделать прогноз правильного местоположения на странице Angular 404 без машинного обучения и магии. Пример приложения построен с использованием Angular 7.1.0 и Angular CLI 7.1.2 . Но ...

Читать далее »

Улучшенная навигация и маршрутизация в Angular 7 с помощью switchMap

От автора: с PR #25740 все навигации, выполняемые маршрутизатором Angular, объединяются в один наблюдаемый поток. Также в любое время может быть только одна активная навигация. Это обеспечивает преимущества более быстрой и предсказуемой навигации. Хотя эти изменения в основном являются внутренними, они влияют на понимание того, как работают в приложениях Angular маршрутизация и навигация Это главный рефакторинг работы маршрутизатора. У него ...

Читать далее »

Как начать работать с Angular на Windows

От автора: наладить взаимодействие Angular Windows не всегда получается без проблем. Вы не можете настроить среду разработки? Позвольте нам помочь вам! Недавно я был наставником ngHeroes. Мне очень понравилось помогать студентам и людям из других отраслей, которые хотели изучать веб-разработку на Angular. Многие из них хотели начать новую карьеру. Я был рад отметить, что посещаемость женщин больше, чем я ожидал, ...

Читать далее »

Создание в Angular шаблонов с функцией поиска

От автора: одним из моих последних заданий было разработать общий метод, чтобы сделать компоненты и шаблоны с функцией поиска в приложении. В этой статье я расскажу вам о процессе и идеях, лежащих в основе решений, которые я создал. Как всегда, просто чтобы понять, как будет реализован в Angular поиск, давайте сначала посмотрим красивую визуализацию конечного результата: И разметка для кода: ...

Читать далее »

Запуск приложения Angular с помощью Angular CLI всего за пару минут

От автора: Angular — одна из самых популярных в мире сред Javascript для создания современного приложения. Angular создан и разработан Google и имеет огромную поддержку сообщества. Начиная с Angular 2+, в проекте Angular требуются различные файлы конфигурации. Установка их вручную один за другим — пустая трата времени, это также довольно непросто. Таким образом, Angular предлагает решение для всех настроек: Angular ...

Читать далее »

Стили в Angular

От автора: компоненты Angular имеют это интересное поведение, называемое ViewEncapsulation — оно определяет стиль для компонента, и область его применения ограничивается только этим конкретным компонентом. В зависимости от его настройки, переопределение этих стилей, однако, может быть сложным. Как же тогда мы можем иначе добавлять стили в Angular приложениям? Проблема Предположим, что у вас есть TrexComponent и его стили определяются в ...

Читать далее »