前端面试总结_1

前端面试

前言

通信工程专业转前端的自学日记。根据面经与面试总结帖总结。
MS ; 字节跳动 ; 腾讯实习总结。

一、Cookie与webstorage：

cookie、sessionStorage与localStorage：
数据的有效期不同：
sessionStorage：仅在当前的浏览器窗口关闭有效；
localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；
cookie：过期时间之前一直有效，即使窗口和浏览器关闭。

作用域不同：
sessionStorage：不在不同的浏览器窗口中共享，即使是同一个页面；
localStorage：在所有同源窗口都是共享的；
cookie：在所有同源窗口中共享的。

二、HTTP

HTTP状态码

1xx(临时响应)：表示临时响应并需要请求者继续执行操作的状态码。
100(继续) 服务器等待请求，请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。
101(切换协议)请求者已要求服务器切换协议，服务器已确认并准备切换。

2xx (成功)：表示成功处理了请求的状态码。
200(成功)服务器已成功处理了请求。
201(已创建)请求成功并且服务器创建了新的资源。
202(已接受)服务器已接受请求，但尚未处理。
203(非授权信息)服务器已成功处理了请求，但返回的信息可能来自另一来源。
204(无内容)服务器成功处理了请求，但没有返回任何内容。
205(重置内容)服务器成功处理了请求，但没有返回任何内容。与 204 响应不同，此响应要求请求者重置文档视图(例如，清除表单内容以输入新内容)。
206(部分内容)服务器成功处理了部分 GET 请求。

3xx (重定向)：要完成请求，需要进一步操作。通常，这些状态码用来重定向。
300(多种选择)针对请求，服务器可执行多种操作。服务器可根据请求者 (user agent) 选择一项操作，或提供操作列表供请求者选择。
301(永久移动)请求的网页已永久移动到新位置。
302(临时移动)服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来响应以后的请求。
304(未修改)自从上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容。
305(使用代理)请求者只能使用代理访问请求的网页。如果服务器返回此响应，还表示请求者应使用代理。
307(临时重定向)服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来响应以后的请求。

4xx(请求错误)：这些状态码表示请求可能出错，妨碍了服务器的处理。
400(错误请求)服务器不理解请求的语法。
401(未授权)请求要求身份验证。对于登录后请求的网页，服务器可能返回此响应。
403(禁止)服务器拒绝请求。如果您在 Googlebot 尝试抓取您网站上的有效网页时看到此状态码(您可以在 Google 网站管理员工具诊断下的网络抓取页面上看到此信息)，可能是您的服务器或主机拒绝了 Googlebot 访问。
404(未找到)服务器找不到请求的网页。例如，对于服务器上不存在的网页经常会返回此代码。
405(方法禁用)禁用请求中指定的方法。
406(不接受)无法使用请求的内容特性响应请求的网页。
407(需要代理授权)此状态码与 401(未授权)类似，但指定请求者应当授权使用代理。如果服务器返回此响应，还表示请求者应当使用代理。
408(请求超时)服务器等候请求时发生超时。

5xx(服务器错误)：这些状态码表示服务器在处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错。
500(服务器内部错误)服务器遇到错误，无法完成请求。
501(尚未实施)服务器不具备完成请求的功能。例如，服务器无法识别请求方法时可能会返回此代码。
502(错误网关)服务器作为网关或代理，从上游服务器收到无效响应。
503(服务不可用)服务器目前无法使用(由于超载或停机维护)。通常，这只是暂时状态。
504(网关超时)服务器作为网关或代理，但是没有及时从上游服务器收到请求。
505(HTTP 版本不受支持)服务器不支持请求中所用的 HTTP 协议版本。

三、常用问题总结

post和get区别：

get	post
参数通过url传递	参数放在request body
参数有长度限制	参数无长度限制
仅支持URL编码	支持多种编码方式
一个TCP数据包	两个TCP数据包

对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；
对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200（返回数据）。

http与https有什么区别：

http	https
超文本传输协议	SSL加密传输协议
端口：80	端口：443
无状态连接	ssl+http协议构建可进行加密传输

输入URL到后发生了什么：

简单过程：

DNS域名解析:
DNS 域名解析为IP;
按照浏览器缓存，系统缓存，路由器缓存，ISP(运营商)DNS缓存，根域名服务器，顶级域名服务器，主域名服务器的顺序，逐步读取缓存，直到拿到IP地址。
这里使用DNS预解析，可以根据浏览器定义的规则，提前解析之后可能会用到的域名，使解析结果缓存到系统缓存中，缩短DNS解析时间，来提高网站的访问速度。

建立TCP连接；

发送HTTP请求；
应用层生成针对目标服务器的HTTP报文请求，HTTP请求包括起始行，首部和主体部分。首部包括域名host，keep-alive，User-Agent，Accept-Endoding，Accept-Language，cookie等信息

服务器处理请求；
返回响应结果；
关闭TCP连接；
浏览器解析HTML；
浏览器布局渲染。

浏览器的渲染过程：

主要步骤

1. 浏览器将获取到的HTML文档解析成DOM树处理css标记，构成层叠样式表模型CSSOM（css object model).
2. 将DOM和CSSOM合并为渲染树(rendering tree)，代表一系列将要被渲染的对象渲染树的每个元素包含的内容是计算过的，称之为布局layout ；浏览器使用一种流式处理的方法，只需要一次绘制操作就可以布局所有元素将渲染树的各个节点绘制到屏幕上，这一步被称为绘制painting.

SSL/TLS协议的基本过程

（1） 客户端向服务器端索要并验证公钥。
（2） 双方协商生成"对话密钥"。
（3） 双方采用"对话密钥"进行加密通信。

总结

四月忙着笔面，忙着项目，忙着中期期末。五一节总结前端笔记、刷题日记、项目记录以及比赛记录。