在战国时期，商鞅变法，发明了照身帖。照身帖由官府发放，是一块打磨光滑细密的竹板，上面刻有持有人的头像和籍贯信息。国人必须持有，如若没有就被认为是黑户，或者间谍之类的。 在现实生活中，每个人都会有一张专属的居民身份证，是用于证明持有人身份的一种法定证件。通过身份证，我们可以办理手…

最近在学习Vue源码，刚好学到虚拟DOM的异步更新，这里就涉及到JavaScript中的事件循环Event Loop。之前对这个概念还是比较模糊，大概知道是什么，但一直没有深入学习。刚好借此机会，回过

我将在这篇文章里简单介绍 React 18 的新特性，React Concurrent Mode（并发模式）的实现，以及简要的升级指南。

很久很久之前， Web基本都是文档的浏览而已。既然是浏览， 作为服务器， 不需要记录在某一段时间里都浏览了什么文档， 每次请求都是一个新的HTTP协议，就是请求加响应。不用记录谁刚刚发了HTTP请求， 每次请求都是全新的。 随着交互式Web应用的兴起， 像在线购物网站，需要登录…

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…

下面看一下元素对象中的位置信息。。 | scrollTop | 被隐藏在内容区域上方的像素数。通过设置这个属性可以改变元素滚动的位置 | | scrollLeft | 被隐藏在内容区域左侧的像素数。通过设置这个属性可以改变元素滚动的位置 | 有些元素（例如元素），即是没有执行任…

这里需要重拾一下什么是“类型”。抛开“实例化”这些术语，从集合角度出发，类型应该是指 具有特定特性的若干值的集合。 包含一个元素 1 的集合，字面量类型 "1" 是只包含一个元素 "1" 的集合。 这里是我一直以来都陷入的误区。看下面例子： 显然，变量 a 是 A 类型，但是实…

前端面试常问第二大问题是http缓存相关内容。说真的，http缓存相关的细节比较多，并且 http 常用协议版本有1.0、1.1，（本文暂不讨论http2.0）。 我们先罗列一下和缓存相关的请求响应头。 今天着重介绍一下浏览器缓存机制，我们知道，浏览器缓存一般都是针对静态资源，…

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…