实际上浏览器的事件循环标准是由 HTML 标准规定的，具体来说就是由whatwg规定的，具体内容可以参考event-loops in browser。而NodeJS中事件循环其实也略有不同，具体可以参考event-loops in nodejs 我们在讲解事件模型的时候，多次提…

如果你是或者想成为一名 JavaScript 开发者，你必须知道 JavaScript 程序内部是如何执行的。理解执行上下文和执行栈对于理解其他 JavaScript 概念（如变量声明提升，作用域和闭包）至关重要。 正确理解执行上下文和执行栈的概念将使您成为更出色的 JavaS…

大家都知道万维网的应用层使用了HTTP协议，并且用浏览器作为入口访问网络上的资源。用户在使用浏览器访问一个网站时需要先通过HTTP协议向服务器发送请求，之后服务器返回HTML文件与响应信息。这时，浏览器会根据HTML文件来进行解析与渲染（该阶段还包括向服务器请求非内联的CSS文…

作用域，是指变量的生命周期（一个变量在哪些范围内保持一定值）。 全局变量，虽然好用，但是是非常可怕的，这是所有程序员公认的事实。 它能够自动执行 (function() { //... })() 里面包裹的内容，能够很好地消除全局变量的影响； 在 ES6 之前，是没有块级作用域…

其实整体流程上vue 与 react 的虚拟dom 是比较相近的，差异点在tpl 的解析与update 时的diff 算法上，vue是先生成ast树，最后在render函数中形参中传入createElement函数，利用createElement函数解析成vdom；react是…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

浏览器只对网络请求有同源限制，同源就是协议、域名和端口号一致，不同源的客户端脚本在没有明确授权的情况下，不能读写对方XHR资源，反之不同源脚本读取对方XHR资源就是跨域。以http://www.a.com/test/index.html 的同源检测举例： 浏览器对script标…

贫道，感觉，JS的坑，不是一般地大。 变量提升（ hoisting ）。 这段代码，很意外地简单，我们的到了想要的结果，在控制台打印出了：Hello JavaScript hoisting 。 现在，我将这一段代码，改一改，将 调用 放在前面， 声明 放在后面。 很多语言比如说…

本系列最开始是为了自己面试准备的.后来发现整理越来越多,差不多有十二万字符,最后决定还是分享出来给大家. Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻…