温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

学Web前端要会哪些技能 浏览器缓存是怎么回事

发布时间:2020-08-05 16:06:30 来源:网络 阅读:149 作者:千锋郑州 栏目:开发技术

学Web前端要会哪些技能?浏览器缓存是怎么回事?缓存是现在系统中必不可少的模块,是高并发高性能架构的一个关键组件。缓存适用于对数据实时性要求不高以及对性能要求高的场景中,可以有效地提升性能,缓解数据压力。对于Web前端开发者来说,主要跟浏览器中的缓存打交道,接下来小编就给大家讲解一下浏览器缓存机制。


学Web前端要会哪些技能 浏览器缓存是怎么回事



什么是浏览器缓存?

浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如:Expires、Cache-control等)。但是也有非HTTP协议定义的缓存机制,如使用HTML Meta标签,Web开发者可以在HTML页面的节点中加入标签,代码如下:

上述代码的作用是告诉浏览器当前页面不被缓存,每次访问都需要去服务器拉取。使用上很简单,但只有部分浏览器可以支持,而且所有缓存代理服务器都不支持,因为代理不解析HTML内容本身,而广泛应用的还是HTTP头信息来控制缓存。

浏览器对于所请求资源的缓存处理有一套完整的机制,主要包含三个策略:存储策略、过期策略、协商策略。存储策略发生在收到请求响应后,用于决定是否缓存相应资源;过期策略发生在请求前,用于判断缓存是否过期;协商策略发生在请求中,用于判断缓存资源是否更新。

缓存又分为强缓存和弱缓存(又称为协商缓存)。其中强缓存包括Expires和Cache-Control,主要是在过期策略生效时应用的缓存。弱缓存包括Last-Modified和ETag,是在协商策略后应用的缓存。强弱缓存之间的主要区别在于获取资源时是否会发送请求。

浏览器下访问资源的方式主要有7种:

(新标签)地址栏回车

链接跳转

前进、后退

从收藏栏打开链接

(window.open)新开窗口

刷新(Command + R / F5)

强制刷新(Command + Shift + R / Ctrl + F5)

使用这7种方式访问资源时,应用缓存的策略会有一些不同。需要注意的是,除此之外,还有一种特殊情况。即在当前地址栏,不改变内容,直接回车,等同于刷新当前页。但是在当前页点击跳转到自身,和链接跳转一致,并不会等同于刷新。

如果想学习Web前端技术,一定要多了解一些行情。如果你没有什么基础,可以选择专业的专业,深入学校好好考察,才能更客观地了解其中的实质。


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI