常见前端面试题目整理（HTTP）

所有题目答案整理自网络，如有错误，接受指正，拒绝批评！

http与https

前端面试总结——http、html和浏览器篇

http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。

https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。

https协议的主要作用是：建立一个信息安全通道，来确保数组的传输，确保网站的真实性。

url刷新过程

HTTP状态码

• 200——表明该请求被成功地完成，所请求的资源发送回客户端
• 304——自从上次请求后，请求的网页未修改过，请客户端使用本地缓存
• 400——客户端请求有错（譬如可以是安全模块拦截）
• 401——请求未经授权
• 403——禁止访问（譬如可以是未登录时禁止）
• 404——资源未找到
• 500——服务器内部错误
• 503——服务不可用

---

• 1xx——指示信息，表示请求已接收，继续处理
• 2xx——成功，表示请求已被成功接收、理解、接受
• 3xx——重定向，要完成请求必须进行更进一步的操作
• 4xx——客户端错误，请求有语法错误或请求无法实现
• 5xx——服务器端错误，服务器未能实现合法的请求

渲染页面

• 解析HTML文件，创建DOM树。自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。

• 解析CSS。优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式；

• 将CSS与DOM合并，构建渲染树（Render Tree）

• 布局和绘制，重绘（repaint）和重排（reflow）

cookie, localStorage, sessionStorage

• 共同点：用于浏览器端存储的缓存数据
• 不同点
  • 存储内容是否发送到服务器端：当设置了Cookie后，数据会发送到服务器端，造成一定的宽带浪费；web storage,会将数据保存到本地，不会造成宽带浪费
  • 据存储大小不同：Cookie数据不能超过4K,适用于会话标识；web storage数据存储可以达到5M
  • 数据存储的有效期限不同：cookie只在设置了Cookid过期时间之前一直有效，即使关闭窗口或者浏览器；sessionStorage,仅在关闭浏览器之前有效；localStorage,数据存储永久有效
  • 作用域不同：cookie和localStorage是在同源同窗口中都是共享的；sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面
  • webStorage存储内容不会发送到服务器：当设置了Cookie后，Cookie的内容会随着请求一并发送的服务器，这对于本地存储的数据是一种带宽浪费。而Web Storage中的数据则仅仅是存在本地，不会与服务器发生任何交互。

浏览器内核

• IE: trident内核
• Firefox：gecko内核
• Safari：webkit内核
• Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核
• Chrome：Blink(基于webkit，Google与Opera Software共同开发)