Несколько способов очистки кэша браузера в js (резюме проекта) "Рекомендуемая коллекция"
Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.
Раньше мы редко обращали внимание на эту проблему, пока наш технический менеджер не попросил нас изменить структуру. Почему из-за проблем с кэшированием исходный проект использовал номер версии в качестве основы для обновления? Поскольку в официальном аккаунте WeChat есть такой механизм, если версия хорошая, иногда ее невозможно обновить вовремя, поэтому используется vue.js, потому что в нем есть такая функция, что если данные в определенном файле изменяются, то vue. js соответствующим образом изменит имя файла, поэтому содержимое кеша больше не будет использоваться. Таким образом, его можно будет вовремя обновить и запросить данные в фоновом режиме.
Я никогда раньше не описывал JS-метод очистки кэша браузера, поэтому подведу итог сегодня.
Кэш браузера, иногда он нам нужен, потому что он может улучшить производительность веб-сайта и скорость браузера, а также повысить производительность веб-сайта. Но иногда нам приходится очищать кеш, поскольку с кешем могут возникнуть проблемы и могут появиться некоторые ошибочные данные. Например, стоковые сайты обновляются в режиме реального времени. Такие сайты не нужно кэшировать. Некоторые сайты обновляются редко, поэтому лучше иметь кеш. Сегодня мы в основном представляем несколько методов очистки кэша.
Несколько способов очистить кэш сайта
метаметод
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> // CONTENT="no-cache" Очистить кэш <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> // CONTENT="no-cache" Очистить кэш <META HTTP-EQUIV="expires" CONTENT="0">Очистите временный кеш формы Способ 1. Используйте ajax для запроса последнего файла с сервера и добавьте заголовки запроса If-Modified-Since и Cache-Control следующим образом:
$.ajax({
url:'www.haorooms.com', dataType:'json', data:{}, beforeSend :function(xmlHttp){ xmlHttp.setRequestHeader("If-Modified-Since","0"); xmlHttp.setRequestHeader("Cache-Control","no-cache"); }, success:function(response){ //работаем } async:false });async:false Загружать ли асинхронно. Второй способ: напрямую использовать кэш: false,
$.ajax({
url:'www.haorooms.com', dataType:'json', data:{}, cache:false, ifModified :true , success:function(response){ //работаем } async:false });В то же время, введение в кэш в ajax
кеш в ajax
Если это правда, кэш будет прочитан и может быть отправлен на сервер.
Если вы посетили a.html в последний раз, вы получите результат a.html при последнем посещении его во второй раз, вместо того, чтобы получать его снова с сервера.
Если значение равно false, к URL-адресу будет добавлен суффикс времени, и он будет отправлен на сервер для получения результата.
Кэш действителен только в режиме GET. Если это правда, кэш будет прочитан и может быть отправлен на сервер.
Если вы посетили a.html в последний раз, вы получите результат a.html при последнем посещении его во второй раз, вместо того, чтобы получать его снова с сервера.
Если значение равно false, к URL-адресу будет добавлен суффикс времени, и он будет отправлен на сервер для получения результата.
Кэш действителен только в режиме GET.Способ 3. Используйте случайные числа. Случайные числа также являются очень хорошим способом избежать кеширования.
URL Добавить после параметра "?ran=" + Math.random(); //Конечно, параметры здесь ран можно брать по желанию eg: <script> document.write("<s"+"cript type='text/javascript' src='/js/test.js?"+Math.random()+"'></scr"+"ipt>"); </script> Другие похожи, просто добавьте +Math.random() после адреса. Примечание. Потому что Math.random() Только в Javascript Он работает, поэтому его можно вызвать только через Javascript. Если вы используете метод случайных чисел, вы не сможете насладиться быстрым эффектом кэширования, поэтому лучше всего делать это только при обновлении файла. Увеличение случайного числа просто устраняет необходимость в кэшировании.
Способ 4. Используйте случайное время, такое же, как и случайные числа.
существовать URL Добавить после параметра "?timestamp=" + new Date().getTime(); 用PHPОчистка серверной части
существовать服务端加 header("Cache-Control: no-cache, must-revalidate"); и т. д. (например, в php)Способ пятый:
5、window.location.replace("WebForm1.aspx");
Параметр — это страница, которую вы хотите охватить. Принцип замены заключается в замене страницы, указанной параметром replace, текущей страницей.
Это не позволяет пользователю нажать клавишу «Назад». Используется JavaScript-скрипт, например:
a.html
Вот цитата:
<html> <head> <title>a</title> <script language="javascript"> function jump(){ window.location.replace("b.html"); } </script> </head> <body> <a href="javascript:jump()">b</a> </body> </html> b.html Вот цитата: <html> <head> <title>b</title> <script language="javascript"> function jump(){ window.location.replace("a.html"); } </script> </head> <body> <a href="javascript:jump()">a</a> </body> </html> Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/161105.html Исходная ссылка: https://javaforall.cn
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
Идеальная интеграция Cursor и DeepSeek API
DeepSeek V3 снижает затраты на обучение больших моделей
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
Cloud Native｜Практика: установка Dashbaord для K8s, графика неплохая
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
Центр конфигурации————Накос
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
[Зона легкого облачного игрового сервера] Управление игровыми архивами
