目录：
1，ES5/ES6 的继承除了写法以外还有什么区别？
2，http状态码有哪些？分别是深恶意思？
3，浏览器是如何渲染页面的？
4，typeof和instanceof相同点与不同点
5，如何解决回调地狱？请手写代码
一：ES5/ES6 的继承除了写法以外还有什么区别？
1，ES5寄生组合式继承
2，ES6继承
ES6中子类继承父类的属性使用了super关键字，ES6语法实现是ES5的语法糖，表面上，ES6的类关键字和子类继承关键字 实现的结构和ES5继承一样，但是根本还是有差别的，ES5继承prototype属性是先实例化父类，直接继承；而 ES6是在实例化子类对象时继承父类的prototype,即实例化父类。
二：http状态码有哪些？分别是什么意思？
1**(信息类)：表示接收到请求并且继续处理
100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息
2**(响应成功)：表示动作被成功接收、理解和接受
200 OK 正常返回信息
201 Created 请求成功并且服务器创建了新的资源
202 Accepted 服务器已接受请求，但尚未处理
3**(重定向类)：为了完成指定的动作，必须接受进一步处理
301 Moved Permanently 请求的网页已永久移动到新位置。
302 Found 临时性重定向。
303 See Other 临时性重定向，且总是使用 GET 请求新的 URI。
304 Not Modified 自从上次请求后，请求的网页未修改过。
4**(客户端错误类)：请求包含错误语法或不能正确执行
400 Bad Request 服务器无法理解请求的格式，客户端不应当尝试再次使用相同的内容发起请求。
401 Unauthorized 请求未授权。
403 Forbidden 禁止访问。
404 Not Found 找不到如何与 URI 相匹配的资源。
5**(服务端错误类)：服务器不能正确执行一个正确的请求
500 Internal Server Error 最常见的服务器端错误。
503 Service Unavailable 服务器端暂时无法处理请求（可能是过载或维护）。
三：浏览器是如何渲染页面的？
1，简述浏览器渲染过程
1，解析HTML以构建DOM树：渲染引擎开始解析HTML文档，转换树中的html标签或js生成的标签到DOM节点，它被称为 — 内容树。
2，构建渲染树：解析CSS（包括外部CSS文件和样式元素以及js生成的样式），根据CSS选择器计算出节点的样式，创建另一个树 — 渲染树。,
3，布局渲染树: 从根节点递归调用，计算每一个元素的大小、位置等，给每个节点所应该出现在屏幕上的精确坐标。
4，绘制渲染树: 遍历渲染树，每个节点将使用,
2.CSS阻塞渲染
CSS 是阻塞渲染的资源。需要将它尽早、尽快地下载到客户端，以便缩短首次渲染的时间。
这就是为什么我们将外部样式的引入放在head标签中的原因，在body渲染前先把相对完整CSSOM Tree构建好。
3.JavaScript阻塞渲染
JavaScript 会阻止 DOM 构建和延缓网页渲染。 为了实现最佳性能，可以让您的JavaScript 异步执行，并去除关键渲染路径中任何不必要的 JavaScript。
网友评论