缓存的概念
缓存这个东西真的是无处不在， 有浏览器端的缓存， 有服务器端的缓存，有代理服务器的缓存， 有ASP.NET页面缓存，对象缓存。 数据库也有缓存， 等等。
http中具有缓存功能的是浏览器缓存，以及缓存代理服务器。
http缓存的是指:当Web请求抵达缓存时， 如果本地有“已缓存的”副本，就可以从本地存储设备而不是从原始服务器中提取这个文档。
缓存的好处
缓存的好处是显而易见的， 好处有，
1. 减少了冗余的数据传输，节省了网费。
2. 减少了服务器的负担， 大大提高了网站的性能
3. 加快了客户端加载网页的速度
Fiddler可以方便地查看缓存的header
Fiddler中把header都分门别类的放在一起，这样方便查看。
HTTP缓存是如何实现
如何判断缓存新鲜度
Web服务器通过2种方式来判断浏览器缓存是否是最新的。
第一种， 浏览器把缓存文件的最后修改时间通过 header ”If-Modified-Since“来告诉Web服务器。
第二种， 浏览器把缓存文件的ETag, 通过header "If-None-Match", 来告诉Web服务器。
通过最后修改时间, 来判断缓存新鲜度
1. 浏览器客户端想请求一个文档， 首先检查本地缓存，发现存在这个文档的缓存， 获取缓存中文档的最后修改时间，通过： If-Modified-Since， 发送Request给Web服务器。
2. Web服务器收到Request，将服务器的文档修改时间（Last-Modified）: 跟request header 中的，If-Modified-Since相比较， 如果时间是一样的， 说明缓存还是最新的， Web服务器将发送304 Not Modified给浏览器客户端， 告诉客户端直接使用缓存里的版本。
⑵ 能用JS或者前端的什么方法实现清除浏览器缓存吗
可以用JS实现清除浏览器缓存，解决方法如下：
1、在静态页面也就是以.html，.jsp，.aspx，.php结尾的文件中在<dead></head>中加入以下代码。
注意事项：
JavaScriptJavaScript基于对象和事件驱动并具有相对安全性的客户端脚本语言。也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
⑶ 怎么在前端页面设置不让浏览器缓存
你好
HTTP1.0中通过Pragma控制页面缓存，可以设置：Pragma或no-cache。网上有非常多的文章说明如何控制不让浏览器或中间缓存服务器缓存页面，通常设置的值为no- cache，不过这个值不这么保险，通常还加上Expires置为0来达到目的。但是如我们刻意需要浏览器或缓存服务器缓存住我们的页面这个值则要设置为 Pragma。
HTTP1.1中启用Cache-Control来控制页面的缓存与否，这里介绍几个常用的参数：
no-cache，浏览器和缓存服务器都不应该缓存页面信息；
public，浏览器和缓存服务器都可以缓存页面信息；
no-store，请求和响应的信息都不应该被存储在对方的磁盘系统中；
must-revalidate，对于客户机的每次请求，代理服务器必须想服务器验证缓存是否过时；
Last-Modified只页面的最后生成时间，GMT格式；
Expires过时期限值，GMT格式，指浏览器或缓存服务器在该时间点后必须从真正的服务器中获取新的页面信息；
上面两个值在JSP中设置值为字符型的GMT格式，无法生效，设置long类型才
满意请采纳
⑷ web前端怎么用代码实现缓存优化
有以下集中方法
方法一：针对浏览器设置过期时间，在这个时间内的请求都会先请求本地缓存的文件和数据。另外jquery的ajax请求方式可以设置是否缓存，可以充分利用该选项。
方法二：js请求限制，可以设计成多少秒以内都不响应响应的操作，过期后的操作才会有效。点击后仅返回一个仿真的结果。
方法三：ajax做dom缓存策略，比如在页面放一个不可见的textarea,请求过来的数据同时写入textarea的value，并且在一定时间内（可设置）的请求只去读取textarea的内容，并将结果展示到页面上。
⑸ 前端开发怎么设置关闭当前页面删除h5缓存记录
今天在工作中遇到一个问题， 我设置了语言切换，修改了语言设置参数，当我返回之前页面时，我的语言切换没有生效，因为以前的页面是从缓存中打开的。不会去执行页面中的JS 代码，所以不会去更新页面的语言，需要关机再重启才会更新语言。
解决办法。
mui.plusReady(function() {
var views = plus.webview.all();
for(var i = 0; i < views.length - 1; i++) {
plus.webview.close(views[i].id);
}）
plus.open('index.html')
之所以要用length-1因为如果全部关闭。程序将会退出。
⑹ 关于前端缓存优化，为什么没人用manifest
简单来说，不好用
来分析下manifest的优缺点
优点
可以离线运行
可以减少资源请求
可以更新资源
缺点
更新的资源，需要二次刷新才会被页面采用
不支持增量更新，只有manifest发生变化，所有资源全部重新下载一次
缺乏足够容错机制，当清单中任意资源文件出现加载异常，都会导致整个manifest策略运行异常
全量加载和二次刷新这两个缺点就已经够严重了。
我们再来看看其优点是不是真的那么好用。
1.离线运行
对于普通页面来说，离线运行没什么用；
对于webapp来说，这个特性还不错；
对于hybird app来说，也没什么用。
2.减少资源请求
HTTP协议的Cache-Control和Expires就也能在缓存有效期内，不再发送资源请求
3.可以更新资源
manifest是文件被更新后，全量更新缓存。
而改用HTTP协议的缓存方案，只需要对资源文件引用的URL做少许变动即可刷新缓存，例如补个时间戳参数
⑺ web前端网站性能优化怎么浏览器缓存
页面用html5语言编写或者页面上所有的的比例都用百分比来表示，不管是手机端还是pc端浏览效果一样。app和浏览器访问的不同是页面表现形式，对于后台java
web没有什么要求，只要页面要什么数据，java
web能查出来传到页面和app就可以了。
⑻ 前端缓存是否加载完成后才能进行搜索
可以的，看你搜索框对应的JS是否先执行，如果先执行，就可以直接搜索，不用等到整个页面都加载完再进行操作
⑼ 前端下拉项缓存用户自定义和关联后的信息
下拉数据的结构设计直接影响取值和级联效果的开发难以程度。
下拉数据的结构设计直接影响取值和级联效果的开发难以程度。非常重要。下拉的数据最合理的结构之一如下：[{id，”真实值”，name，”显示值”}，{id，”真实值”，name，”显示值”}，...]比如[{id，”A”，name，”北京分公司”}。
查询出数据，进行数据结构调整。—service层将数据进一步区分，放到公共的缓存HashMap中—cache层，相当于service层用户登录成功，创建session，并把公共的缓存setAttribute进session中。到加载菜单页面的公共页面取出缓存数据，并转数据类型为json在单独一个js中对json缓存数据进行按key区分，取出数据封装下拉框公共方法在各个子页面引入公共方法和公共页面，展示出数据。
⑽ 前端怎么解决js css 缓存问题
将路径 变成活的或者加随机数
例如：
link href="/css/styles.css?v=随机数" type="text/css"
link href="日期/css/styles.css?v=1234" type="text/css"