css,js缓存，不能立即响应

一、背景

平时在写代码的时候，经常会遇到这个问题。如果css和js都在同一个页面的话，我们直接在页面中调试就可以。但是当引入css和js文件的时候，修改后的文件往往存在缓存问题，无论如何刷新浏览器，新改动的内容迟迟不能响应。实在是烦不胜烦。

二、解决方案

1、引入的css文件缓存

//这里的关键在于在引入文件后面加一个随机数，这样每次引入文件的随机数都不一样，实时刷新css文件。如何便可防止缓存
<link href="<?php echo asset('/css/my_remote.css').'?v='.mt_rand()/mt_getrandmax() ?>" rel="stylesheet" />

2、引入的JS文件缓存

//和上面类似，都是在引入的时候加个随机数
<script src="<?php echo asset('js/myMall/address_list.js').'?v='.mt_rand()/mt_getrandmax() ?>"></script>

在文件后面加上随机数之后，缓存的问题迎刃而解。

end

css,js缓存，不能立即响应相关推荐

h5有缓存css,taro H5配置 cdn css js 缓存 hash 配置
1.taro使用详情请参考本https://nervjs.github.io/taro/docs搭建 2.关于文件的配置,在config/index.js添加相关配置使得pages下面对应的文件夹可 ...
html，js文件缓存解决,html是如何实现自动清理js、css文件缓存的
html是如何实现自动清理js.css文件缓存的发布时间:2020-04-09 10:08:05 来源:亿速云阅读:106 作者:小新 html是如何实现自动清理js.css文件缓存的?很多人都不 ...
nginx html 不缓存,nginx如何实现js和css不缓存
nginx如何实现js和css不缓存发布时间:2020-12-14 09:52:10 来源:亿速云阅读:133 作者:小新小编给大家分享一下nginx如何实现js和css不缓存,相信大部分人都还 ...
Gulp解决发布线上文件(CSS和JS)缓存问题
Gulp解决发布线上文件(CSS和JS)缓存问题本文的缘由:目前经常线上发布文件后要不断的刷新页面及过很长时间,页面上的CSS和JS文件才能生效,特别对于目前做微信商城的时候,微信内置的浏览器缓存非 ...
【HTML响应式项目】成人教育官网前端页面（HTML+CSS+JS实现三端适应）
项目源码已上传至码云仓库:云南农业职业技术学院/HTML响应式成人教育官网前端页面(HTML+CSS+JS实现) 项目演示地址:成人教育网 AAP端下载地址:成人教育网APP端.apk-互联网文档类资 ...
Web前端---响应式室内家具网页设计（HTML+CSS+JS）
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题.你想要解决的问题,在这里常见网页设计作业题材有个 ...
Web前端期末大作业-响应式室内家具网页设计（HTML+CSS+JS）实现
作者主页:Java李杨勇文末获取源码联系临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题.你想 ...
国庆假的CSS +JS 学习笔记
1.左右两列定宽,中间自适应, 6. 一个div 中,放三个div ,其中左边和右边是150px,中间div 自适应宽度. left center right .content{ background ...
(008)前端css,js,Jquery,Servlet入门
摘要:本周的学习内容是前端的css,js,Jquery,Servlet的入门; 文章目录 1 CSS 1.1 CSS入门以及使用方式 1.2 CSS的选择器(重点) 1.3 css的样式属性 1.3. ...

css,js缓存，不能立即响应

一、背景

二、解决方案

css,js缓存，不能立即响应相关推荐

最新文章

热门文章