关于浏览器的几个问题

一、浏览器的存储方式

cookie，sessionStorage，localStorage

二、浏览器的缓存策略

在前端开发中我们主要追求的是极致的运行速度和极强的用户体验感。而在浏览器中能影响浏览器运行速度的是url请求。而为了更快的运行我们除了做一些按需加载之外。还可以用到浏览器的缓存策略

什么是缓存

对于web缓存。主要是针对一些（后端返回的数据，图片路径）之类的东西.当我们在请求过这个页面的数据的时候，这时候浏览器会将我们访问过的数据缓存起来。当我们下次在到这个页面的时候。浏览器判断在之前的缓存中有这些数据，那么就可以直接拿来用。而不需要在此向服务器发送请求。也是属于一个性能上面的优化

缓存的作用是什么

1.减少浏览器的运行时间

2.减少服务器的压力

浏览器缓存机制详解

在http协议头中和和他们中的mate标签中定义分为过期机制和验证机制从这两方面来判断是否直接使用该缓存

1.过期机制也就是在浏览器中的有效期

http协议头中存在过期时间等信息在有效期内并且浏览器已经缓存过这个东西

2.验证机制服务器响应中响应头中会有一个etag标签这个标签来验证是否经过更改数据信息等。如果没有更改则可以直接使用更改过则需要重新进行一个请求.

缓存机制的控制

设置过期时间
＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞
设置缓存
＜meta http-equiv="Pragma" content="no-cache"＞

关于浏览器的几个问题相关推荐

zeroclipboard 粘贴板的应用示例，兼容 Chrome、IE等多浏览器
zeroclipboard单个复制按钮和多个复制按钮的实现方法最近网站改版想让复制代码功能在多个浏览器上都可以实现,最近看网上不少说我们的代码复制功能不好用的,我们最近将会增加代码高亮等功能,希望大 ...
Jquery DIV滚动至浏览器顶部后固定不动代码
获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative. 效果例1 代码如下复制代码 <scr ...
提交表单自动刷新_Web自动化测试：元素的基础操作和浏览器基础操作
上一节,我们了解了如何定位元素,其实也有涉及对于元素的操作,这一节我们就详细的介绍一下对于元素的操作和对于浏览器的一些操作一.对于元素的基础操作: clear():清除输入框内的文本 send_ke ...
一些js代码，自己备用的。高手不要笑话我。。（跨浏览器基础事件，浏览器检测，判断浏览器的名称、版本号、操作系统）...
跨浏览器基础事件 View Code 1 //跨浏览器添加事件 2 function addEvent(obj, type, fn) { 3 if (obj.addEventListener) { 4 ...
python+selenium浏览器常用操作（一）
1.导入selenium自定义的webdriver.后续可通过调用此协议启动各大浏览器 from selenium import webdriver #浏览器 from selenium.webdri ...
博客园在微信内置浏览器打开时添加微信赞赏码功能
我的博客开通了赞赏,看右侧悬浮[打赏],很容易弄,文末有链接. 另外,在微信中打开时,博客正文底部增加微信赞赏码,在微信内置浏览器打开时,长按图片识别,直接可以赞赏. 这本人自己摸索的,未参考任何博文 ...
【转载】浏览器事件循环机制（event loop）
首先,本文转自https://juejin.im/post/5afbc62151882542af04112d 当我看完菲利普·罗伯茨的 javascript event loop的演讲的时候,就对于事 ...
如何禁止浏览器自动填充
本文由 Deguang 发表于码路-技术博客浏览器的保存账户密码功能,给我们带来了很大的便利,但是在有些情况下,我们并不希望浏览器帮我们填充一些表单,然而autocomplete的一些参数项并不能 ...
基础知识：页面div始终浮在浏览器顶部
页面div始终浮在浏览器顶部 <html> <head><meta charset="utf-8"/><title>test< ...
javascript与浏览器学习（一）
待学习---- 20160421 标题:JavaScript中浏览器兼容问题博客地址:http://www.cnblogs.com/DF-fzh/p/5408241.html 简单 ...