设置jscss的缓存时间

1.如何设置JS CSS 图片等静态资源的缓存过期时间?

在header中给静态内容添加一个较长的过期时间,这样可以使用户今后访问只读取缓存中的文件,而不会与服务器产生任何的交互。

不过这样做也存在一些问题,当图片、CSS和js文件更新时,用户如果不刷新浏览器,就无法获得此更新。这样,我们在对图片、css和js文件修改时,必须要进行重命名,才能保证用户访问到最新的内容。

这可能会给开发造成不小的麻烦,因为这些文件可能被站点中的许多文件所引用。flickr提出的解决办法是通过url rewrite使不同版本号的URL事实上指向同一个文件,这是一个聪明的办法,因为url级别的操作效率是很高的,可以给开发过程提供不少便利。

要理解为什么这样做,必须要了解浏览器访问url时的工作机制: a。 第一次访问url时,用户从服务器段获取页面内容,并把相关的文件(images,css,js…)放在高速缓存中,也会把文件头中的expired time,last modified, ETags等相关信息也一同保留下来。

b。 用户重复访问url时,浏览器首先看高速缓存中是否有本站同名的文件,如果有,则检查文件的过期时间;如果尚未过期,则直接从缓存中读取文件,不再访问服务器。

c。 如果缓存中文件的过期时间不存在或已超出,则浏览器会访问服务器获取文件的头信息,检查last modifed和ETags等信息,如果发现本地缓存中的文件在上次访问后没被修改,则使用本地缓存中的文件;如果修改过,则从服务器上获取最新版本。

2.怎么控制css,js的过期时间

控制css,js的过期时间:

a. 第一次访问url时,用户从服务器段获取页面内容,并把相关的文件(images,css,js…)放在高速缓存中,也会把文件头中的expired time,last modified, ETags等相关信息也一同保留下来。

b. 用户重复访问url时,浏览器首先看高速缓存中是否有本站同名的文件,如果有,则检查文件的过期时间;如果尚未过期,则直接从缓存中读取文件,不再访问服务器。

c. 如果缓存中文件的过期时间不存在或已超出,则浏览器会访问服务器获取文件的头信息,检查last modifed和ETags等信息,如果发现本地缓存中的文件在上次访问后没被修改,则使用本地缓存中的文件;如果修改过,则从服务器上获取最新版本。

设置jscss的缓存时间

转载请注明出处JS代码网 » 设置jscss的缓存时间

资讯

我的世界一键挖矿js

阅读(35)

本文主要为您介绍我的世界一键挖矿js,内容包括我的世界一键挖矿按那个键?,我的世界虚无世界一键挖矿按什么键挖矿才能见效,我的世界怎么一键挖矿。想要挖矿首先你要准备一把鹤嘴锄,在比奇的武器店就有卖的。矿洞在比奇省地图的右上方,按tab键

资讯

我的世界0.12三体js

阅读(29)

本文主要为您介绍我的世界0.12三体js,内容包括我的世界0.12.1这些都是什么js,有红石js更多剑js那个背包是怎么弄,我的世界0.12联机怎么用js,我想用枪械js和基友对打,我的世界0.12.1工业js,材质包,不懂表说,定采纳,能用给加悬赏百。想要正确

资讯

我的世界手机版疾跑js

阅读(31)

本文主要为您介绍我的世界手机版疾跑js,内容包括我的世界手机版怎样搞疾跑?,哪位大神知道我的世界Minecraft手机版怎么在服务器里开疾跑和飞行我,minecraft疾跑与潜行.js。首先,需要把JS下载下来。如果下载的东西是RAR、ZIP或7Z这样的压缩包

资讯

js实现继承的方法

阅读(30)

本文主要为您介绍js实现继承的方法,内容包括javascript是如何体现继承的,js如何实现继承,JavaScript中继承应该怎么实现。js由于是prototype的对象模型,没有严格意义上的类class。全部都是对象Object<br>要实现继承,可以先<br>//创建

资讯

小天鹅洗衣机tp9o一js922l的报价

阅读(35)

本文主要为您介绍小天鹅洗衣机tp9o一js922l的报价,内容包括小天鹅洗衣机丅p90一js922l型号多少钱,小天鹅洗衣机多少钱?,小天鹅洗衣机官网报价是多少?。小天鹅洗衣机TG80-DSN5 官网报价:4998元 小天鹅TG80-DSN5美国队长滚筒洗衣机沿用了美队

资讯

js里this的用法

阅读(28)

本文主要为您介绍js里this的用法,内容包括JAVAscript里面this的用法谁能具体说说,Javascript的This用法是什么?,js中this的用法。this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, fun

资讯

js字符串中某个字符的个数

阅读(32)

本文主要为您介绍js字符串中某个字符的个数,内容包括javascript中如何判断字符串中字符的个数?,js问题:求字符串中某个字符出现的个数的方法?,javascript如何统计文本框输入某个字符的个数。看看,这个是否符合你的要求 public class Test {

资讯

js关闭打开的窗体

阅读(33)

本文主要为您介绍js关闭打开的窗体,内容包括javascript关闭/打开窗口的几种方法,在javascript中关于打开的窗口如何关闭的问题,javascript关闭/打开窗口的几种方法。js 关闭窗口的方法: 不带任何提示关闭窗口的js代码 1 <a href="javascri

资讯

js一中的第几周

阅读(26)

本文主要为您介绍js一中的第几周,内容包括求关于js根据日期判断此日期是在一年中的第几周,JS计算一年有几个周,请教下各位,通过javascript来实现有某年第几周得到这周的开始日期。//| 取得当前日期所在周是一年中的第几周 Date.prototype.W

资讯

js特效可展开和隐藏的js侧边

阅读(29)

本文主要为您介绍js特效可展开和隐藏的js侧边,内容包括用js来实现党屏幕宽度缩小到600px的时候就隐藏侧边的一个div,有,JAVASCRIPT如何实现左侧菜单点击隐藏和打开?,js怎么实现侧边弹出框淡入淡出效果。<ul class="menu0" id="menu0"><li><a id

资讯

用js输出100以内的质数

阅读(29)

本文主要为您介绍用js输出100以内的质数,内容包括用js算出100以内的质数,用JavaScript定义一个函数,调用函数时,输出100以内的所有素数,javascript编程:输出1到100之间的质数。// 原理:与比自己小的数相除,如果可以取模为0,表示该数据不为质数

资讯

js是哪个国家的缩写

阅读(36)

本文主要为您介绍js是哪个国家的缩写,内容包括js是哪个地名的英文缩写?,JS是什么的简称或缩写,lolita洋装的kl,jsk,js,jk都是什么意思?。JS电脑方面有两个方面的缩写意义.JS是脚本语言javascript的缩写,该语言一般用在浏览器等相关脚本中使

资讯

js带农历的日历插件

阅读(35)

本文主要为您介绍js带农历的日历插件,内容包括如何用JS写个万年历,带农历,用jquery设计带农历和节假日日历方案?,JavaScript带农历的日历怎么写?书上的感觉好乱,看不懂,怎么把年。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

资讯

el表达式如何使用js中的变量

阅读(36)

本文主要为您介绍el表达式如何使用js中的变量,内容包括在JavaScript中怎么使用EL,JS中如何引用EL表达式,js中使用el表达式。1. JS代码在JSP页面中, 这可以直接使用EL表达式. 如:<br><br>[html] view plain copy<br><b

资讯

js取时间戳的前几位

阅读(124)

本文主要为您介绍js取时间戳的前几位,内容包括如何用js获取特定时间戳,js如何获取当前月份第一天0点0分的时间戳补充:越简洁越好爱问知识,js怎么将日期字符串转换为时间戳。var formatTime = function(time = new Date(), format) {const TO

资讯

js清楚ie缓存中的

阅读(100)

本文主要为您介绍js清楚ie缓存中的,内容包括js,清除浏览器缓存的几种方法,JS控制图片缓存时图破页functionimgzoom(imgJ,病毒如何杀干净?D:\IE上网缓冲区\Content.IE5\U。1。“System Volume Information”文件夹,中文名称可以翻译为“系

资讯

兼容谷歌的时间时分秒js效果

阅读(105)

本文主要为您介绍兼容谷歌的时间时分秒js效果,内容包括extjs中google不兼容datefield控件,我的个人网页在谷歌搜索的时候出现访问本页面,您的浏览器需要支持,chrome支持条件注释吗?我把一段js引用放在<!。这几天发现在百度和GOOGLE里搜索自

资讯

js时间格式转换成24小时的

阅读(100)

本文主要为您介绍js时间格式转换成24小时的,内容包括如何使用JS实现12小时制和24小时制的转换呢?,时间戳转化为时间怎么设置24小时制js,js实现字符串转日期格式的方法。html xmlns=http://www。w3。org/1999/xhtml headtitle标题页-学无忧(w

资讯

js获取一后的时间

阅读(63)

本文主要为您介绍js获取一后的时间,内容包括用JS怎么获得当年的日期,JS代码获取时间的最简单的方法是什么呢?,JS代码实现全球的时间查看表如何写呢?。js是获取日期如下:<script language="javascript"> var dt = new Date(); m=dt.g

资讯

flot.jsapi设置图表网格的大小

阅读(58)

本文主要为您介绍flot.jsapi设置图表网格的大小,内容包括javascript动态生成的表格,单元格宽度怎么调啊?,强大利用JS应用的Javascript网格插件呢?,用html语言做表格列的宽度怎样设。表格一直是展示数据的最好方式。以微软的Excel为例,我们可

资讯

js获取半前的时间

阅读(73)

本文主要为您介绍js获取半前的时间,内容包括js中怎么获取半年前的时间,JS代码实现全球的时间查看表如何写呢?,JS代码获取时间的最简单的方法是什么呢?。function getPastHalfYear() {// 先获取当前时间var curDate = (new Date()).get

资讯

js设置th的宽度

阅读(59)

本文主要为您介绍js设置th的宽度,内容包括JS控制图片宽度的问题请问各位高手,如何用一个JS控制页面中所有,JS代码如何获取表格的宽度?,JS代码获取表格的宽度需要什么代码?。【实例代码】html xmlns=http://www。w3。org/1999/xhtml headtit