【校招VIP】前端校招考点之http缓存机制

考点介绍

浏览器，作为用户浏览网页最基本的一个入口，我们似乎认为在地址栏输入 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