考点介绍
浏览器,作为用户浏览网页最基本的一个入口,我们似乎认为在地址栏输入 URL 后网页自动就出来了。殊不知在用户输入网页地址,敲下回车的那一刻,浏览器背后做了诸多的事情。去除 DNS 查找等这些HTTP 缓存,对于前端的性能优化方面来讲,是非常关键的,从缓存中读取数据和直接向服务器请求数据,完全就是一个在天上,一个在地下。至于为什么被缓存,如何命中缓存以及缓存什么时候生效的,我们却很少在实际开发中去了解。
本期分享的内容分为试题、文章及视频三部分,答案详情解析和文章内容可扫下方二维码或链接即可查看!
一、考点题目
1.cookie、sessionStorage和localStorage的区别
解答: LocalStorage:大小:一般为 5MB;生命期:除非被清除,否则永久保存;易用性:高,源生接口容易使用;仅在客户端(即浏览器)中保存,不参与和服务器的通信 ......
2.以下哪个不是和浏览器缓存相关的HTTP头?
A.Cache-Control
B.Expire
C.Etag
D.content-type
正确答案:D,A和B:HTTP头中的Expires和Cache-Control就是完成缓存的。当客户端第一次访问资源的时候,服务端在返回资源内容的同时也返回了E......
3.如何优化浏览器渲染的性能?
解答:根据浏览器是否向服务器发起请求来分为强缓存和协商缓存。1、强缓存:强缓存的意思就是不向服务器发起请求的缓存,也就是本地强制缓存......
二、考点文章
1.【校招VIP】HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
浏览器解析html源码,然后创建一个 DOM树。在DOM树中,每一个HTML标签都有一个对应的节点,并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement,对应的是HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存 ......
2.【校招VIP】前端面试——浏览器存储&浏览器缓存(http缓存机制机制)
浏览器从HTTP服务器获取html文档,到呈现页面给用户,会经过以下几个步骤:第一,解析文档构建DOM树,浏览器的解析内容可以分为三个部分:HTML/XHTML/SVG:解析这三种文件后,会生成DOMcookie数据存放在浏览器上,session存放在服务器上。cookie一般在客户端有大小限制,一般为4K,session没有限制,但是考虑到服务器性能,一般不能存放太多数据 ......
3.【校招VIP】HTTP 缓存机制及原理
HTTP 缓存,对于前端的性能优化方面来讲,是非常关键的,从缓存中读取数据和直接向服务器请求数据,完全就是一个在天上,一个在地下......
三、考点视频
get和post的区别
本考点是web开发的基础,也是笔试面试常考的题目之一
HTTP与服务器交互有四种基本方法:增删改查 (put deletepost get)......
相关题目及解析内容可点击下方链接查看:
移动端链接:https://m.xiaozhao.vip/dTopic/detail/1341
PC端链接:https://xiaozhao.vip/dTopic/detail/1341