编写人生

webpack系列- 插件开发 插件开发中最重要的两个资源就是compiler 和 compilation 对象。 compiler 对象了完整的 webpack 环境配置...

声明： 引用自： https://www.teqng.com/2021/09/10/%e3%80%90react%e3%80%911077-react-fiber%e6%9...

React系列- Scheduler 的原理 包含两个功能： 时间切片 优先级调度 时间切片 本质是模拟实现 requestIdleCallback Scheduler 的...

React useState 极简实现 useState 就是一个预置了 useReducer 的 useReducer 循环链表的好处 任何节点都可以做为头节点。 可以从...

React系列 - setState 更新流程 渲染流程 react 通过 jsx 来描述界面，jsx可以通过 babel等编译器来编译成 renderFunction，然...

React source code ReactElement === React.createElement 返回的结果 例子： render阶段 递 mount 采用深度...

HTTP系列： 缓存 在 HTTP1.0 的时候，Expires 有个BUG： 如果浏览器的时间不准，那么具体缓存的时间就不准确，这个过期时间应该让浏览器自己算 在HTTP...

HTTP系列： HTTP2 为了解决 HTTP1.0 中每请求一次就需要建立三次握手的问题，HTTP1.1 加入了 Connection: keep-alive 就可以告诉...

bebel系列- 插件开发 我们知道 babel 的编译流程分为三步：parse、transform、generate，每一步都暴露了一些 api 出来。 parse 阶段...

你不知道的JS（上） note 作用域篇 对于 JavaScript 来说，大部分情况下编译发生在代码执行前的几微秒（甚至更短！）的时 间内。在我们所要讨论的作用域背后，J...

React 为什么在React中事件函数需要用bind绑定 getDerivedStateFromProps和getSnapshotBeforeUpdate append和...

利用react context做状态管理，结合redux的思想，利用react.useReducer来实现...

640 如果设计稿是640px, 那么dpr屏幕像素比为640 / 2 = 320px, 逻辑像素为320px。 又因为100vw = 320px， 那么1vw = 3.2...

原型链继承 缺点： 对继承过来的子类实例属性的修改也会反应到其他继承过来的子类实例上，实际上，共享了父类的属性 子类型再实例化使不能给父类型的构造函数传参，我们无法再不影响...

浅拷贝 Object.assign(); 不会拷贝对象的继承属性。 不会拷贝对象的不可枚举属性。 可以拷贝Symbol类型的属性。 ...运算符 原生数组拷贝的方式 con...

基础类型 数字 字符串 布尔值 any 标识可以是任意类型 null 和 undefined 用处不大 void 与 any 类型相反，标识没有任何类型 使用场景是一个函数...