发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
大家会发现,有时候在项目里修改了js文件的代码,然后到浏览器上面或者手机上查看效果时,会没有用,除非清掉浏览器缓存或者手机缓存,才会有效果,但是清缓存会很苦逼,往往会清掉一些有用的信息,比如网站的cookies,账号密码等。 原来,浏览器加载js文件是根据路径加载,首先根据路径在缓存里查找。比如
<script src="/public/js/rank.js"></script>
这个路径下的rank.js文件,如果只是在文件里做了修改,上传到正式线上去,没有更改过src里面的路径,也没有清缓存的话,往往是不会生效的。 那最常用的一种解决方案就是在路径后面加一个版本号参数,比如
<script src="/public/js/rank.js?v=1"></script>
这样子,浏览器在下次加载的时候发现路径变了,等于在缓存里找不到,就会重新加载rank.js文件的内容了,从而实现效果更新。
来自: WindySky > 《前端技术》
0条评论
发表
请遵守用户 评论公约
优化网站性能规则_前端性能优化策略【网络加载、页面渲染】
优化网站性能规则_前端性能优化策略【网络加载、页面渲染】网络加载类减少 HTTP 资源请求次数。css 中的 @import 可以从另一个样式文件引入样式,但应该避免这种用法,因为这样会增加 css 资源加载的关...
html+js实现图片预加载(异步加载)
如何让页面自动加载js文件
如何让页面自动加载js文件。打开页面时,对比缓存中js中是否有需要加载的js,如果有直接用缓存中的js文件,不需加载;可以在引入时加个参数,这个参数一变化,就会去服务器加载js文件<script langua...
怎样才能更好的处理JS和CSS缓存的问题
怎样才能更好的处理JS和CSS缓存的问题。fis.match(''''''''*.{js,css}'''''''', { useHash: true });fis.match('...
再论怎么有效利用浏览器缓存之------怎么避免浏览器缓存静态文件. --ArtWind‘...
可能是这样 <script src="common.js"></script> 修改后 v1.1版本: <script src="common.js"></script> <script src="foo.js&q...
js文件被浏览器缓存的思考
js文件被浏览器缓存的思考我们的用户量大,修改js文件后,用户反馈登录出现问题。加个版本号,js有个版本。版本号附加在在<script ty...
更新js缓存的办法
3. 在js文件做出变动之后,只要修改相应js的版本号 实例: 1. 在一个配置文件(config.js)中维护js文件map(注意:config.js是不缓存的,每次更新) Js代码 //js Map var JSHash = { index: [{url...
彻底解决 webpack 打包文件体积过大
彻底解决 webpack 打包文件体积过大。刚开始用 webpack 的时候,开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包的 JS 文件包含了一大堆没必要的插件,比如 HotModuleReplacementP...
伯乐在线博客
当模块B执行时RequireJS保证模块A已被加载。<script src="base.js" type="text/javascript" async></script><script src="app.js" type="text/java...
微信扫码,在手机上查看选中内容