Передняя часть вот-вот взорвется
- Обновленный модуль Smart Tracking Prevention, включенный в iOS 12.2 и Safari 12.1, полностью предотвратит изменение файлов cookie третьими лицами, использующими технологию межсайтового отслеживания, в домене верхнего уровня, а чтение файлов cookie может быть выполнено только через API доступа к хранилищу в течение 30 дней после последнее взаимодействие пользователя;
document.cookieСрок действия постоянных файлов cookie, созданных в , истекает через 7 дней, кроме того, из-за отсутствия технических гарантий,do-not-trackПоддержка заголовка запроса устарела.🔗
Комментарии: Что касается распространенного вопроса «приведут ли такие изменения к частому выходу пользователей из системы», официальная рекомендация состоит в том, чтобы использовать безопасные файлы cookie и файлы cookie httpOnly для кэширования статуса входа в систему.
- В будущем Webpack 5 будет конфигурация постоянного хранилища.
cache: { type: "filesystem” }Чтобы оптимизировать производительность компиляции, реализуйтеdeterministicВведите chunkId и moduleId, чтобы помочь клиентам как можно больше кэшировать интерфейсные холодные ресурсы и поддерживать именование фрагментов.🔗
Комментарии: Усилители конфигурации WebPack, вы готовы!
- В последние годы проблемы безопасности NPM в последние годы есть все большее количество доказательств, поэтому NPM недавно выпустил документ, описывающий изменение автора широко зависит от пакета опасностей безопасности - до того, как произошло изменение потока событий, вызвало угнать немного денег, после листинга Продать библиотеку KOA-маршрутизатор, риск безопасности неизвестен. Тяжело трудно завершить ограничения договорных семян на пакет NPM, NPM, поэтому надежда и сообщество обсудить такие вопросы оптимизации программы, заинтересованные, пожалуйстаНажмите здесь, чтобы присоединиться к обсуждению.🔗
сундук с сокровищами
- NSFW.jsЭто библиотека, которая проверяет наличие порнографической информации во внешнем интерфейсе, которую можно использовать для просмотра изображений перед загрузкой на основе tensorflow.js.
Комментарии: Эй, он припаркован?
- lit-elementЭто библиотека, предоставляемая Polymer, которая может просто обернуть класс в веб-компонент.
-
Taro UI 2.0Выпущен, добавлена функция пользовательской темы, недавно адаптированный апплет Alipay и апплет Baidu, а также поддерживается 11 новых компонентов, включая компоненты календаря.
-
Cleave.jsЭто библиотека, которая может преобразовать тег ввода в библиотеку, которая может ограничить ввод и отформатировать ввод.Существуют две версии React и нативная.
Тема: Оптимизация производительности React
Используйте инструменты для анализа узких мест производительности
- Chrome Performance & руководство
- React DevTools
- why-did-you-update: просмотр причины запуска просмотра обновления в консоли.
Оптимизация уровня кода
- Избегайте избыточных функций рендеринга с помощью shouldComponentUpdate и PureComponent.
- не хочуИзмените данные setState напрямую
- Длинный список виртуализациии общие библиотекиreact-virtualized
- Правильно организуйте компоненты React:React Component Patterns
- Установите уникальный ключ Sibing на доме, где вы хотите, чтобы повторное рендеринг произойдетвызвать повторный рендеринг
- Попробуйте сгладить реквизит и заявить,Передайте только реквизиты, которые нужны компоненту, будьте осторожны, чтобы передать компонент в качестве реквизита
Оптимизация размера кода
- использовать Серийная версия
- использовать webpack-bundle-analyzer визуализирует размер выходных файлов webpack
- использоватьдинамический импорт,Ленивая загрузка компонентов React
- использовать Tree Shaking & руководство & Оптимизация встряхивания дерева
- использовать babel-plugin-importОптимизируйте внедрение бизнес-компонентов для достижения загрузки по требованию
- использовать SplitChunksPlugin разделяет общий код
- Оптимизация библиотек в Webpack
- Анализ покрытия кода CSS и JS
Редактор: Ченг Ху и рецензент: Йиси, Ice Cube и новостная лента: Май Цзы
Источник титульного изображения:злой Martins.com/chronicles/…