在 JavaScript 中，数组本质上也是对象，是对象的一种特殊形式。 数组索引实际上和碰巧是整数名的对象属性没有什么差别，不过数组的实现是经过了优化的，通过数组索引访问数组元素比访问一般对象的属性要快的多。 规定数组索引的范围是 0 ~ 4294967294 （2^32 -…

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

React17将只提供别名，取个别名的目的就是恶心你，不让你使用。 getSnapshotBeforeUpdate() 在最近一次的渲染输出被提交之前调用。也就是说，在 render 之后，即将对组件进行挂载时调用。 componentDidUpdate() 会在更新后会被立即…

基本原理：利用 script 标签的 src 没有跨域限制来完成跨域目的。 前端再 script 标签返回资源的时候就会执行 jsonpCallBack 并通过回调函数的方式拿到数据。 【优点】兼容性好，在一些古老的浏览器中都可以运行。 下面我们通过 3 步骤来了解如何使用 J…

自从 React 16 发布后， React Router 也发布了第五个版本，更好的支持 React 16。 要在一个 web app 中使用 react router， 首先你需要搭建一个 React web app，我们推荐 creat react app。它是一个非常流…

1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。 最初，它的含义是指，A 网页设置的 Cookie，B 网页不能打开，除非这两个网页“同源”。所谓“同源”指的是“三个相同”： 同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取…

JavaScript 是一门单线程语言。 Event Loop（事件循环）是JavaScript 的执行机制。 看到上面的代码，可能大家给出的答案是:'定时器开始'，'Promise开始'，'执行then函数'，'代码执行结束'。那么我们验证一下，输出结果却是： 看到这样的答案…

本书由 JavaScript 之父 Brendan Eich 与 ES6 规范首席作者 Allen Wirfs-Brock 联合编写，记录1995~2015共计 20 年的 JavaScript 演化经历。全书不仅讲解了大量语言技术细节层面的演进，更复盘了更高层面上规范制定与标…

在介绍 Refs 之前，我们先来了解两个概念：受控组件 和 不受控组件。 在HTML中，表单元素（如 input、textarea、select）之类的表单元素通常可以自己维护state，并根据用户的输入进行更新。而在React中，可变状态（mutable state）通常保存…