奇怪的杰哥

本质上就是一个便利工具，为一些比较特殊或繁琐的工作提供辅助，我们这里需要开发的是一个基于命令行的工具，后文以 cli 代替。 为什么需要开发一个脚手架？ 以下为初期组件库协同开发时遇到的问题： 组件目

学习常用的库相关的知识，可以大大简化你的开发过程。 即使你没有具体用过，你也至少应该知道它们的存在以及它们解决的问题。 这里列出了作为 React 开发者应该了解的 13 个优秀的 React 库

TCP/IP TCP/IP 模型：应用层、传输层、网络层、数据链路层（网络接口层）。 数据包结构：包首部 + 数据 TCP 三次握手 客户端将标志位 SYN（Synchronize sequence

事件循环 简单总结，事件循环重复以下步骤： 检查任务队列（先进先出）是否为空，不为空执行顶端任务 检查微任务队列是否为空，不为空执行顶端任务，重复此步骤直到清空微任务队列 浏览器根据渲染时机（硬件刷新

盒模型 浏览器渲染引擎根据盒模型计算每个元素的大小（矩形）：content + padding + border + margin。 box-sizing 定义了如何计算元素的总宽高： content

注意，代码实现并不是 polyfill，因为微任务是浏览器层面的实现，这里我们只是去实现规范。 参考 Promises/A+ 实现一个符合 Promises/A+ 规范的 Promise

new 操作符 规范定义 new 操作符如下： 创建一个空白且简单的对象 newInstance 将 newInstance 的 [[Prototype]] 指向构造函数的 prototype 属性

如果处理简单对象，可以使用 JSON。 如果不考虑兼容性，可以使用 structuredClone。 要点 循环引用 不同类型处理 代码 补充 lodash 实现了克隆 Symbol，我个人觉得 Sy

原文：Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior。 提要：关于 React 渲染行为的细节以及 Con