портал
- Резюме интервью (1): макет HTML, селектор CSS и базовые знания JS.
- Основы алгоритма: плоский массив, дедупликация и сортировка
- Понимание и основы React Vue
- Междоменное решение проблемы
- код состояния http-протокола
- Проблемы с кэшем и обновлением
- веб-просмотр взаимодействует с родным приложением
- Знание серверной части
Рекомендую статью думаю очень хорошо написанную про понимание механизма кеширования браузера, а так же есть разбор сценариев применения кеширования.Не буду писать много чуши, чтобы ввести всех в заблуждение.Ха.
Глубокое понимание механизма кэширования браузера — плавание по волнам
Если действие размещения ссылки связано с нарушением прав, пожалуйста, укажите.
Вот некоторые из основных быстрых взглядов, которые я собрал:
1. Просмотр кеша из места хранения
- Service Worker
- Memory Cache
- Disk Cache
- Push Cache
Кэш Service Worker отличается от других встроенных механизмов кеширования в браузерах, он позволяет нам свободно контролировать, какие файлы кешируются, как сопоставлять кеш, как читать кеш, и кеш является постоянным.
PWA и реализация также связаны с этим.Memory Cache и Disk Cache имеют быструю скорость чтения, а последний лучше по емкости.
Push Cache (push cache) — это контент в HTTP/2, он будет использоваться, когда ни один из трех вышеуказанных кешей не сработает. Он существует только в сеансе (Session), он освобождается после завершения сеанса, а время кэширования также очень короткое, всего около 5 минут в браузере Chrome.
2. Посмотреть кеш из процесса кеша
- Сильный кеш
- Согласовать кеш
запрос, если предыдущийresponse.headersЕсть настройкаExpires(http 1.0) илиCache-Control(http 1.1), кеш может быть запущен, и кеш будет сброшен до истечения срока действия ресурса.
Если срок действия кеша истекает, сработает кеш согласования, и на сервер будет отправлен http-запрос с запросом на обновление ресурса.Браузер выведет заголовок Last-Modified, полученный из предыдущего запроса, и добавит его как If - Значение Modified-Since. Или присвойте значение ETag заголовку If-None-Match. Разница между ними в том, что первый является продуктом http 1.0, основанным на проверке времени, но есть много скрытых проблем это вызовет ошибки обновления кеша. Таким образом, в http 1.1 есть новое правило для решения этой проблемы, ETag — это уникальный идентификатор текущего файла ресурсов (генерируемый сервером), пока ресурс изменяется, Etag будет регенерироваться.
Если приведенное выше сравнение показывает, что кеш все еще действителен, он вернет 304 и попадет в кеш, в противном случае вернет 200 и обновит кеш.