2021年前端面试题-浏览器及http篇

1、浏览器缓存有哪些，通常缓存有哪几种

1、http缓存：基于http协议的缓存
2、cookie：经常存储加密后的身份标识，由后端设置，前端发请求时携带cookie
3、localstorage：浏览器缓存，除非人为/代码删除，否则会一直存在
4、sessionstorage：浏览器缓存，关闭网站/浏览器后会自动删除掉缓存信息
ps：localstorage、sessionstorage都是以键值对字符串形式存储
5、application cache：缓存整个页面，通常用于静态资源（静态页面）的缓存

2、谷歌浏览器的核心是？

谷歌的核心是Webkit
IE内核是Trident

3、打开谷歌会有四个进程，为什么？

如果只有一个进程，就要持续等待浏览器从打开到渲染页面的过程，耗时久。
所以采用多线程，各司其职。比如打开谷歌需要1个网络进程，1个浏览器进程，1个GPU进程以及1个渲染进程。

4、前端怎么解决跨域

首先一定要知道什么是跨域啊兄弟姐妹们！

处于保护用户数据信息，采用的同源策略，必须满足协议，域名，端口号相同的情况下，才允许http请求的访问。否则就会报错，请求失败，即传说中的跨域。

1、Jsonp解决跨域，前端配置含有jsonp的标识（handleCallback），后端也要修改响应的返回参数。
但是很鸡肋的是，它只能解决get请求，post无果。
2、干活去了，待更新

5、cookies sessionStorage和localstorage区别
6、http 和 https 有何区别？如何灵活使用？
7、常见的HTTP状态码
8、优雅降级和渐进增强
9、浏览器是如何渲染页面的？
10、从输入url到显示页面，都经历了什么

重点关注，被问到好多次，有的甚至详细到其中的每一步都做了什么，嘤嘤嘤
11、离线缓存
12、浏览器事件流向
13、Http报文的请求会有几个部分
14、cookie和token都存放在header里面，为什么只劫持前者
15、如何设计一个localStorage，保证数据的实效性
16、http缓存控制
17、xsrf跨域攻击的安全性问题怎么防范
18、强缓存和协商缓存的过程
19、浏览器渲染触发在EventLoop的哪个阶段，触发机制是怎么样的
20、HTTP的几种请求方法用途
21、介绍一下你对浏览器内核的理解？
22、HTML5的离线储存怎么使用，工作原理能不能解释一下？
23、浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
24、iframe有那些缺点？
25、web开发中会话跟踪的方法有哪些
26、模块化开发怎么做？