400-969-7660
首页 > IT问答库 > Web全栈开发 > 学Web前端要了解什么?缓存相关知识点有哪些?

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

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

 
  在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前端缓存的知识点还有很多,在此小编就不一一列举了。如果你是零基础的小白,可以选择专业学习一下,由浅入深,以项目为主线、主导知识点学习,除了培养自身的开发技术,还能深度贯穿前端后端开发,紧贴主流企业一线需求,让你毕业即高薪就业。
上一篇 : 如何能进入Web前端行业?盒模型相关知识有哪些?
下一篇 : Web前端技术前景怎样?为提升技能要专业学习吗?

在线预约 立享免费试学资格

姓      名 :
联系方式 :
试学课程 :