清楚浏览器缓存,如何给资源文件js,css加上version

2024-08-28

为js和css文件自动添加版本号

web应用必然要面对缓存问题,无论前台后台都会涉足缓存.特别是对于前端而言,缓存利用的是否得当直接关系到应用的性能. 通常情况下,我们会倾向于使用缓存,因为缓存一方面可以减少网络开销,一方面可以减轻服务器的压力. 但是有些时候缓存也会带来一些比较诡异的问题,呵呵.关于缓存的文章应该不在少数,不再讨论,本文的重点在于为js和css文件自动添加版本号. 这样做的原因是:首先对于js和css类型的静态文件设置了缓存机制,当文件被更新时,需要强迫浏览器下载修改后的新文件,也就是要更新缓存,而通过为js和

如何引用GitHub的静态资源文件 js css

参考:引用GitHub的静态资源文件有些人说直接用 Github Raw 浏览器不执行是因为返回的 content-type 是 text/plain,这么说不准确.实际上浏览器对 MIME 类型并没有强制检查,只是 Github 返回的 Header 加上了 X-Content-Type-Options: nosniff 强制浏览器执行 MIME 类型检查,于是就会报错. MSDN对其解释如下:减少 MIME 类型的安全风险所以正确的用法应该是使用第三方提供的git解析服务或者使用Gith

静态资源（JS/CSS）存储在localStorage

一.简单了解SEO SEO由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”.SEO是指从自然搜索结果获得网站流量的技术和过程. 搜索引擎不优化的网站分为以下特征: 1.网页中大量采用图片或者Flash等富媒体(Rich Media)形式,没有可以检索的文本信息,而SEO最基本的就是文章SEO和图片SEO: 2.网页没有标题,或者标题中没有包含有效的关键词: 3.网页正文中有效关键词比较少(最好自然而重点分布,不需要特别的堆砌关键词): 4.网站导航

页面加载异常清除浏览器静态文件 js css 缓存 js动态加载js css文件,可以配置文件后辍，防止浏览器缓存

js清除浏览器缓存的几种方法 - 兔老霸夏 - 博客园 https://www.cnblogs.com/Mr-Rocker/p/6031096.html js清除浏览器缓存的几种方法一.CSS和JS为什么带参数(形如.css?t=与.js?t=)怎样获取代码 css和js带参数(形如.css?t=与.js?t=) 使用参数有两种可能: 第一.脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别. 即上面代码对于文件来说等价于但浏览器会认为他是该文件的某个版本! 第二.客户端

Web.Config 对静态文件 js css img 的客户端缓存策略

<?xml version="1.0" encoding="utf-8"?> <configuration> <system.webServer> <staticContent> <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" /> </staticContent

html 页面视图中的资源文件（css/js/image）的路径问题。

说到html 页面视图中的资源文件的路径引用问题,这个问题以前一直没去弄明白.今天,我将公司新开发的一个项目完全移植到我本地搭建的php 环境中来,遇到了这个问题,想了一下,然后也不是很困难的就把它给解决掉了. 突然觉得以前很多东西因为第一感觉不知道或是不懂,然后就完全不去研究,不去解决,就永远也都是会模棱两可,永远都是不知道.很多问题,只要找到问题,提出问题,然后慢慢地去研究问题,总会有解决的办法,最终总会解决的. 其实,生活中的很多东西,也都是这样,碰到新问题,新情况,不要乱,不要不懂装懂,

JavaScript动态加载资源【js|css】示例代码

在开发过程中会用到各种第三方的插件,或者自己写在单独文件中的js方法库或者css样式,在html头部总是需要写一大堆的script和link标签,如果想要自己实现动态的引入资源文件,可以使用开源的require.js,如果想要自己做一个简单的实现,参考实例代码如下: ;(function(){ var config = { idPrefix : 'xxx', path : function(){ var scripts = document.scripts, script = scripts[s

Django 模板中引用静态资源（js,css等）

Django 模板中免不了要用到一些js和CSS文件,查了很多网页,被弄得略晕乎,还是官网靠谱,给个链接大家可以自己看英文的. https://docs.djangoproject.com/en/1.6/howto/static-files/ 大致步骤是这样的: 1.确保setting.py里的installed_apps中包括了django.contrib.staticfiles,没有的话大家给添上就行. 2.同样是在setting.py里面进行添加,我们需要添加静态资源相关的配置.可以这么写

在django中访问静态文件(js css img)

刚开始参考的是别的文章,后来参考文章<各种 django 静态文件的配置总结>才看到原来没有但是没有注意到版本,折腾了一晚上,浪费了很多很多时间.后来终于知道搜索django1.7访问静态文件.真是傻×. 环境:python 2.7.3django 1.7.5 django是不善于处理静态文件这种事情的.这样的工作要交给nginx或者apache这样的服务器.但是在调试时还是要配置一下的django 1.7.5配置访问静态文件貌似比其他的版本都要简单一些.只需要如下步骤: 收集静态文件,然后放

spring mvc4 找不到静态文件js/css/html 404

说明: http://localhost:8080 指向的目录是WEB-INF所在的目录,也就是说请求静态资源时都是从该根目录开始查找.建议将所有静态文件放到和WEB-INF同级的目录下. 以 http://localhost:8080/script/vue.js 为例,将vue.js放到 web/script/vue.js 解决方法一: 页面引用到/script/**的资源都从/script/里面进行查找,重点该配置需要重启tomcat生效. 在需要引入的位置按图放置. 备注:mvc:def

【html】【2】html引入外部文件js css

1>引入js 我们只是写了简单必须的html标签,从未给标签添加点击事件,这次页面添加事件. >写入html页面,可以在<head>标签内也可以在<body>标签内 <!DOCTYPE html> <html> <head> <title>小娜娜</title> <script type="text/javascript"> document.write("<

【jsp】怎么在jsp文件中引入静态文件(.js .css)

如果在jsp文件中引入静态文件比如(.js或.css等等),可以在使用 /项目名称/路径的方式,但是这种方式如果在修改了项目了名称后就显得比较麻烦了.除了之外还许多方式,比如相对路径等等.一般情况下,可以先获得项目的根路径,然后再加上文件路径. ${pageContext.request.contextPath} 可以获得当前项目的路径,然后就只需要在后面加上引入的静态文件的文件路径即可.比如: 这样就可以引入js文件下的jquery.min.js文件了. 当然除了用于引入今天文件还可以加

弹窗文件js+css

// 每个弹窗的标识 var x =0; var idzt = new Array(); var Window = function(config){ //ID不重复 idzt[x] = "zhuti"+x; //弹窗ID //初始化,接收参数 this.config = { width : config.width || 300, //宽度 height : config.height || 200, //高度 buttons : config.buttons || '', //默认

兼容所有浏览器---无缝上下左右交叉运动----原生js+css

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{padding:0;margin:0;}img{vertical-align:top;border:none;}a{text-decoration:none;}#Left {float:left;margin:150px 0 0 0;ba

ASP.NET MVC 扩展HtmlHelper类为 js ,css 资源文件添加版本号

写在前面在项目部署当中会需要更新 css 文件或 js 等资源文件,为了避免由于浏览器缓存的原因无法加载新的 css 或 js ,一般的做法是在资源文件的后面加上一个版本号来解决,这样浏览器就会去服务器下载新的资源文件. 如果某个 css 文件被多个页面引用,那么我们就需要去每个页面一个一个的去修改,这样做的方式属于重复性的动作,而且有的时候还会漏掉需要修改的页面,所以我们就需要一个自动管理资源文件版本号的功能先看效果如何实现通过扩展HemHelper 类,添加为 js 和 css 文

解决微信浏览器缓存站点入口文件(IIS部署Vue项目)

最近开发的微信公众号项目中(项目采用Vue + Vux 构建,站点部署在IIS8.5上),遇到个非常奇葩的问题,发布站点内容后,通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了入口文件-index.html,顾之前版本的index页面找不到对应的js,因为我们每次发布会将之前的版本放至另外的备份目录),但关闭网页再次去打开又是正常的.最初开发内部测试时该问题没有引起关注,因为开发人员大部分都是android的手机,后来测试发现,某些android机型不是必现此问题,但是苹果(IOS)机

【初码干货】使用阿里云对Web开发中的资源文件进行CDN加速的深入研究和实践

提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OSS(https://www.aliyun.com/product/oss) 4.HTTPS(http://baike.baidu.com/view/14121.htm) 阅读目录结构引: 一.准备工作二.整体功能结构三.具体实现步骤四.关键点和问题处理五.延伸与扩展六.总结与思考引:

Nginx使用Expires增加浏览器缓存加速(转)

转载自:Nginx使用Expires增加浏览器缓存加速 Nginx可以更改HTTP头部,这个是Web服务器必须的,当然Nginx更可以支持在HTTP头部中添加Expires等相关信息,增强浏览器缓存,是网页加载速度增强. Nginx中使用Expires增强浏览器缓存能够使浏览器缓存的HTTP头部信息主要有以下三种: 1.last-modified实现浏览器缓存 last-modified是根据文件更新时间来确定是否再次发送加载.通过返回last-modified头部信息: 0 1 2 3

浏览器缓存(Egret项目实例分析)

参考文章: 浏览器缓存机制:http://web.jobbole.com/82997/ 浏览器缓存机制:http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html Meta http-equiv详解: http://kinglyhum.iteye.com/blog/827807 页面缓存相关设置: exprise 用于设定网页的到期时间.一旦网页过期,必须到服务器上重新传输. <meta http-equiv="expires

Razor Page Library：开发独立通用RPL（内嵌wwwroot资源文件夹）

ASP.NET Core知多少系列:总体介绍及目录 Demo路径:GitHub-RPL.Demo 1. Introduction Razor Page Library 是ASP.NET Core 2.1引入的新类库项目,属于新特性之一,用于创建通用页面公用类库.也就意味着可以将多个Web项目中通用的Web页面提取出来,封装成RPL,以进行代码重用. 官方文档Create reusable UI using the Razor Class Library project in ASP.NET Co

HTTP 协议 -- 浏览器缓存机制

浏览器缓存机制浏览器缓存机制主要是 HTTP 协议定义的缓存机制. HTTP 协议中有关缓存的缓存信息头的关键字有 Cache-Control,Pragma,Expires,Last-Modified/ETag 等. 浏览器请求流程浏览器第一请求流程:

清楚浏览器缓存,如何给资源文件js,css加上version

热门专题