Hlleo Wrold

或。

JS 的代码执行环境分为，可以通过use strict打开严格模式，此时 JS 在语法检查上会更加严格。要讨论 JS 中的 this 指向问题，也要分为严格模式和非严格模式进行讨论。这里先讨论非严格模式下的 this 指向，然后再讨论严格模式下的不同之处，未谈到的地方默认与严格模式相同。

从 JS的角度出发，函数外部无法访问到函数中的变量，但函数内部可以访问到其外部的变量。所谓闭包（closure），是一种的一种方式。通常通过的方式实现闭包，这个新函数中可以访问到返回它的函数中的所有执行上下文。：创建闭包时所在的作用域对于以下示例，A 函数返回了 B 函数，此时 B 函数中可以访问到 A 函数中的所有执行上下文（变量等），将返回的 B 函数赋给一个变量，此时在 A 函数外也可以访问到 A 函数中定义的变量（包括为了得到 B 函数传给 A 函数的参数）。${通过以上示例，我们也可以认为。

如果 JS 变量存储着对 DOM 元素的引用，当对应的 DOM 元素从 document 中移除后，对应变量仍存在着对应的引用，而不是被回收。闭包变量引用闭包，闭包引用其词法作用域中的变量。只要闭包变量不为 null，其相关的引用全部无法被垃圾回收。，从而导致内存占用逐渐增加，最终可能会耗尽所有可用内存。声明的变量，其在整个应用程序的生命周期中始终存在。（Memory Overflow）指的是。（Memory Leak）指的是。内存泄漏即不想用的内存没被释放。全局变量指的是未使用。

JavaScript 是一种的语言，即，对象通过其原型对象继承方法和属性。原型对象也有其原型对象，依次类推，就构成了。当对象访问一个属性或方法后，首先需要在其本身上查找，查找不到才去其原型对象中查找，查找不到再去其原型对象的原型对象中查找，···，一直到顶层原型，即 Object 的原型对象身上去，Object 的原型对象的原型对象则为 null。这就是的原理。原型对象分为和。的原型对象是显式原型对象，通过.prototype的方式可以访问到其原型对象。的原型对象是隐式原型对象，通过或。

强制缓存优先于协商缓存。强制缓存生效则直接使用缓存数据，否则进行协商缓存。协商缓存由服务器决定是否使用缓存中的数据。协商缓存生效则服务器返回 304，使用缓存数据，否则重新请求结果，再存入浏览器缓存中。

HTTP 是（实际上除了 HTML，可以传输任何类型的文件，如视频、音频、文本等）的，是一组用于的。HTTP 位于，应用程序可以在其中交换数据。HTTP 是协议族的一部分。HTTPS 是另一种传输协议，这里的 S 表示（Secure）。其与 HTTP 的区别在于，。浏览器和服务器之间通过 HTTP 报文进行。浏览器向服务器发送，服务器返回给浏览器。解释如下。

应用层包含若干协议，文件传输协议（FTP）、安全壳协议（SSH）、简单邮件传输协议（SMTP）、因特网消息访问协议（IMAP）、域名服务（DNS）、超文本传输协议（HTTP）OSI 将计算机网络分为了七层，每一层抽象底层的内容，并遵守一定的规则。基于 OSI 模型，网络中的节点（物理设备）得以进行通信。（MAC）（负责分配唯一标识网络设备的硬件标识号 —— MAC 地址）、：根据物理设备的发送、接收比特的形式，分为。（LLC）（处理帧的寻址与流量控制）。（可以收也可以发，但不能同时进行）、

由一系列关键帧组成。然后在某些元素身上使用。

（语义化是什么）HTML 语义化要求开发者，而不是像divspan等无意义的标签，这里的意义就是语义。（语义化的作用）通过使用语义化标签，开发者。（语义化举例）如header常用于定义nav常用于定义article常用于定义一篇section常用于定义aside常用于定义footer常用于定义main常用于定义等等。

defer 脚本的执行不会阻塞解析，但 async 脚本可能会阻塞 HTML 解析。标签时会阻塞 HTML 解析，直到脚本加载和执行完毕后才继续解析。实现，不会阻塞HTML 解析；脚本的执行是同步的，会占用。都可以提高页面的加载性能，主要区别整理如下。属性来控制外部 JavaScript 脚本。后，脚本的记载是异步的，由。

浏览器在执行 JavaScript 时会阻塞页面渲染,直到脚本执行完毕。因此将脚本放在底部可以优先渲染页面内容。

CSS 中的width属性用于设置。默认情况下，width设置的是（content area）的宽度。如果元素有样式，则width设置的是（border area）的宽度。width取值为百分比（percentage），表示当前元素的宽度为其（containing block）的宽度的百分比。通常情况下（即对于非定位元素而言），元素的包含块为该元素。width取值为auto，表示浏览器根据实际情况会自动计算出一个宽度。

Cookies 有一系列别名，如 HTTP Cookies、Internet Cookies、Browser Cookies、Web Cookies，这些名词指向的都是同一个含义。Cookies 是服务器发送给浏览器的少量数据。同时，服务器端存储着该数据以及对应的用户 ID。通过Cookie请求头，每次浏览器发送 HTTP 请求时， Cookies 都会被自动发送给服务端。Cookies 是以键值对（key-value）形式存储的数据。我们也可以设置 Cookies 的。

是ES2017（ES8）中引入的语法糖，用于处理JavaScript中的异步操作。成为可能，极大地提高了代码的可读性和可维护性。

【代码】【前端面经】Promise 有哪些状态？哪些方法？

而不是在函数调用时。因此，

调用栈是一个后进先出（LIFO, Last-In-First-Out）的栈结构，用于管理函数调用和执行上下文。当 JavaScript 引擎执行代码时，会创建执行上下文并将其推入调用栈。函数调用完成后，对应的执行上下文会从调用栈中弹出。

但是对于复杂数据类型（如对象），可以修改其中的内容。：所谓暂时性死区，指的是在。

【代码】【前端面经】HTML 的块级元素、行内元素有哪些？区别是什么？

文档流是指网页元素在没有任何定位或浮动的情况下，按照 HTML 结构依次排列的方式。默认情况下，块级元素会垂直排列，占据其父容器的全部宽度，而行内元素则会水平排列，直到一行放不下才会换行。

官方解释通俗理解：BFC（块级格式化上下文）是一种在布局上具有特定效果的渲染区域。创建/开启 BFC 意味着元素被激活了这种特殊的布局效果，从而使其内部的元素布局和浮动元素的交互方式与默认情况有所不同。

是指在浏览器中，JavaScript 发起的 HTTP 请求的。只有满足以上所有条件的情况下，浏览器才允许请求资源。：支持多种 HTTP 请求方法，安全性较高。会默认阻止跨域请求，这种行为称为。

FIN-WAIT-1：客户端发送 FIN 报文后进入此状态。FIN-WAIT-2：客户端收到服务器的 ACK 报文后进入此状态。CLOSE-WAIT：服务器收到客户端的 FIN 报文后进入此状态。LAST-ACK：服务器发送 FIN 报文后进入此状态。TIME-WAIT：客户端收到服务器的 FIN 报文后进入此状态，并等待一段时间以确保 ACK 报文被接收。CLOSED：双方在各自的最后状态进入此状态，完成连接关闭。