web前端面试相关

什么是跨域 跨域的故事，要从“同源策略”说起了。 这里的源(origin)指的是协议、域名、端口号，同源指的是在url中协议、域名、端口号均相同。那么同源策略是浏览器的一个安全功能，不同源的脚本在没有

TCP-三次握手与四次挥手 三次握手——激动人心的会面 TCP的三次握手和四次挥手，就像小情侣之间从见面到分手的过程一样，很腻歪，但是很有必要。 先说说三次握手。参与三次握手的两个主体分别是客户端和服

Vue 响应式原理，你所需要知道的 首先，各位再熟悉不过的，一定是 Vue 官方提供的这张示意图了 我们以这张图为基础，先帮助大家重新捋一遍响应式的机制。在这个基础上，再去做更进一步的分析。 注意我们

在各种各样的浏览器事件中，有一类特别需要大家关注的事件：那些容易过度触发的事件。 比如scroll 事件，它就是一个非常容易被反复触发的事件。其实不止 scroll 事件，resize 事件、鼠标事件

DOM 事件流 前置知识 在理解事件流之前，大家首先要对以下三个名词有确切的认知 事件流：它描述的是事件在页面中传播的顺序。 事件：它描述的是发生在浏览器里的动作。 这个动作可以是用户触发的，也可以是

你的技术栈主要是react，那你说说你用 react 有什么坑点 JSX做表达式判断时候，需要强转为 boolean 类型，如： 如果不使用 !!b 进行强转数据类型，会在页面里面输出 0 尽量不要在

对象与数组的解构 解构是 ES6 提供给我们的一种新的提取数据的模式，这种模式能够帮助我们从对象或数组里有针对性地拿到我们想要的数值。 数组的解构 在解构数组时，我们是以元素的位置为匹配条件来提取我们

从变量提升说起 在 ES2015 之前，JS 引擎用 “var” 这个关键字声明所有的变量。 在 “var” 时代，有一个特别的现象：**不管我们的变量声明是写在程序的哪个角落，最后都会被提到作用域的

从实践到原理 Promise/A+ 规范，咱们晚点在看 很多人会告诉你，写 Promise 的第一步，就是认真阅读Promise/A+规范（Promise/A+ 规范的原文大家可以点击 https:/

Promise 是大家的老朋友了，不管是面试还是日常开发，咱们都离不开它。Promise 面试题千千万，但命题角度基本都逃不过以下三条线： 考察 Promise 特性（问答题） 给出一段 Promis

前言 JS 异步解决方案，始终是面试中的热点与重点。 不少同学对异步知识存在一些认知误区，甚至压根没有意识到这个知识体系的存在。一些本身技术水平不错的同学，在面试前做了大量的 Promise、asyn

从一道面试题说起 大家先调动自己现有的知识思考一下：上述代码的输出结果是什么？ 答案是：1、3、6、4、5、2 如果你能够准确给出上面的回答、并且说出你的依据，那么恭喜你——你的事件循环基础很扎实，可

理解原型编程范式 很多小伙伴读到这儿还会有些迷惑：使用 JavaScript 以来，我确实离不开原型，按照上面的说法，也算是一直在应用原型编程范式了。但这个范式用得我一脸懵逼啊 —— 难道我还有除了原

为什么要有执行上下文 大家平时写项目的时候，肯定是一个文件一个文件去写；具体到每一个文件里，又会细分出不同的方法、模块 —— 我想应该不会有同学会把成千上万行的庞大的代码逻辑塞进一个文件里。当大家这样

前言 在“多数情况下”，this 遵循的指向机制。在另外一些情况下 this 是不遵循这个机制的。改变 this 的指向，我们主要有两条路： 通过改变书写代码的方式做到（比如箭头函数）。 显式地调用一

this 指向谁？ 多数情况下，this 指向调用它所在方法的那个对象。 当调用方法没有明确对象时，this 就指向全局对象。在浏览器中，指向 window；在 Node 中，指向 Global。（严

JS 内存生命周期 区别在于，一些语言会将这种能力开放 —— 比如 C 语言中的 malloc() 和 free() 方法 ，这些方法的暴露，使得开发者能够切身感受到内存管理这件事情的存在。 而在另一

面试官视角的“闭包” 闭包问题不好答，原因往往不在于闭包本身有多么晦涩神秘，而在于闭包的背后有太多太多的故事可以深挖。面试经历稍微丰富一些的同学会发现，大多数面试场景下，面试官不会直接问你“闭包是什么

词法作用域和动态作用域 相信很多同学可能看到标题已经懵了哈 —— 作用域就作用域，“词法”、“动态” 这些陌生的前缀是啥玩意儿？ 事实上，当我们在 JavaScript 语言的范畴里讨论“作用域”这个