学Web前端要了解什么 缓存相关知识点有哪些

  学Web前端要了解什么?缓存相关知识点有哪些?在大型高并发系统中,如果没有缓存数据库将分分钟被爆,系统也会瞬间瘫痪。因此企业在招聘中都会考察求职者对缓存的掌握,一个出色的Web前端人才也需要了解缓存,接下来千小编就给大家简单分享缓存相关的知识点。

image/20200227/0e9b37d83b5b2c61c08e1fd1be85881e.jpeg

  在Web前端开发中,性能一直都是被大家所重视的一点,然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。

  缓存可以是单个用户专用的,也可以是多个用户共享的。专用缓存被称为私有缓存,共享的缓存被称为公有缓存。

  私有缓存只针对专有用户,所以不需要很大空间,廉价。Web浏览器中有内建的私有缓存——大多数浏览器都会将常用资源缓存在你的个人电脑的磁盘和内存中。

  公有缓存是特殊的共享代理服务器,被称为缓存代理服务器或代理缓存(反向代理的一种用途)。公有缓存会接受来自多个用户的访问,所以通过它能够更好的减少冗余流量。

  在前端中常用的缓存有cookie及html中的localStorage和sessionStorage。三者的区别与联系如下:

  共同点:都是保存在浏览器端,且同源的。

  区别:

  1)cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。

  2)cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。

  sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。

  3)数据有效期不同:

  sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;

  localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;

  cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

  4)作用域不同:

  不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。

  当然,关于Web前端缓存的知识点还有很多,在此小编就不一一列举了。如果你是零基础的小白,可以选择专业学习一下,由浅入深,以项目为主线、主导知识点学习,除了培养自身的开发技术,还能深度贯穿前端后端开发,紧贴主流企业一线需求,让你毕业即高薪就业。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章