Публикации по теме 'lazy-loading'
Нетерпеливая загрузка в React
Недавно, изучая React, я столкнулся с совершенно новой для меня концепцией, которая, как мне кажется, может очень пригодиться для оптимизации производительности в React.
Ленивая загрузка (разделение кода) — это концепция, при которой мы загружаем некоторый фрагмент кода, когда он действительно нужен. В React мы можем добиться этого с помощью API React.lazy и динамического импорта для загрузки компонентов по требованию.
Ex.
LazilyLoadedComponent.js
import React from 'react';..
Ленивая загрузка в Python: что это такое и как ее использовать
Станьте лучшим разработчиком, разобравшись в одном из самых сложных и распространенных приемов программирования, а также узнайте, как избежать ошибок ленивой загрузки.
В компьютерном программировании отложенная загрузка — это метод, позволяющий отложить загрузку объекта до тех пор, пока он действительно не понадобится. Это может быть полезно в ситуациях, когда загрузка объекта занимает много времени или использует много памяти, и вы не хотите делать это до тех пор, пока это не станет..
Функции генератора в javascipt
Функции генератора в JavaScript и его использование в реальном времени.
В JavaScript функции-генераторы позволяют определить итератор, который выдает значения по одному, аналогично Python. Функции-генераторы определяются с использованием синтаксиса function* , а ключевое слово yield используется для создания значений. Когда вызывается функция-генератор, она возвращает объект-генератор, который можно использовать для перебора значений.
Вот пример простой функции-генератора в..
Как настроить ленивую загрузку компонентов в React
По мере увеличения размера пакета интерфейсного приложения разработчики начали искать более эффективные способы более быстрой загрузки пакетов клиенту. Разделение кода и отложенная загрузка - это способ значительно сократить время начальной загрузки для клиентов.
Есть несколько стратегий для разделения ваших кодов javascript.
Разделение базы маршрута Компонентное базовое разделение Разделение базы библиотеки
Для достижения этих стратегий разделения кода и отложенной загрузки..
Webpack и динамический импорт: все правильно
Webpack и динамический импорт
В старых версиях Webpack (v1) мы обычно использовали AMD require или специальный Webpack require.ensure для модулей динамической загрузки. Но в этой статье я собираюсь использовать предложенный динамический импорт ES2015 , поддерживаемый Webpack, начиная с версии 2, через плагин babel и дополнительные специфические функции Webpack для него.
Обновление: если вы используете Babel 7.5+, он уже включает плагин динамического импорта для вас;)..
Бесконечная прокрутка с лениво созданным наблюдателем пересечения в React js
Проблема
Функциональность бесконечной прокрутки обычно реализуется путем прослушивания события window scroll , а затем выполнения вычислений для определения того, где находится пользователь на странице. Все это происходит в основном потоке, и в зависимости от того, что еще происходит на странице, это может сделать приложение нервным и медленным.
Решение
… войдите в Intersection Observer .
Цитирование документов MDN
API Intersection Observer позволяет коду регистрировать функцию..
Ленивая загрузка немаршрутизируемых модулей Angular — Императивный и декларативный шаблон
Ленивая загрузка модулей в angular позволяет нам разбивать код на отдельные модули и загружать их по требованию, что помогает разработчикам иметь поддерживаемый код и повышать производительность.
По умолчанию angular лениво загружает модули на основе пути маршрута. Ленивая загрузка модулей на основе пути маршрута подходит для большинства случаев, но иногда вам может понадобиться загрузить модуль независимо от пути маршрута. Вот некоторые из этих случаев.
Загрузка по нажатию кнопки..
