羊爷爷

不一定非要使用构建工具来开发，使用构建工具主要是为了使用它强大的生态系统。比如代码风格检测、本地服务、同时构建多种规范的产物等等，方便我们的开发 构建App应用时，webpack比较合适；如果是类库（纯js项目），rollup更加适合。 通常在实际的开发中，我们都会像上面这种方…

1. 创建repository并clone到本地 2. 添加.editorconfig 3. 创建目录 4. 创建package.json 5. ESLint 初始化 6. 创建webpack和babel的配置文件 7. 添加npm命令 1. 安装AVA 和 nyc 2. 添加…

很多同学都希望能够拥有自己的一个文档系统，去记录/总结自己所学到的知识。 index.html 入口文件。后面我们的配置很多都是在这里配置 通过运行 docsify serve 启动一个本地服务器，可以方便地实时预览效果。默认访问地址 http://localhost:3000…

在面试中，常常会问到一些“手写XXX”的面试题，如果我们只是停留在熟练使用这些 API，问到这种问题想必总是束手无策的。其实想要手写 API 的实现也并不难，更多的是需要我们训练自己通过使用方式来推倒实现的能力，千万不要死记硬背。最近我也在强化自己手写 API 的能力，并汇总了…

关于手写 Promise，想必大家都十分熟悉。基本上现在不管是大厂还是小厂，手写 promise 已经成为了面试必考知识点。听说你还不太会？那么走着，带你从零开始解锁 Promise！ 在 Promise 出现以前，在我们处理多个异步请求嵌套时，代码往往是这样的。。。 为了拿到…

一个 Proxy 对象包装另一个对象并拦截诸如读取/写入属性和其他操作，可以选择自行处理它们，或者透明地允许该对象处理它们。 Proxy 用于许多库和某些浏览器框架。在本章中，我们将看到许多实际应用。 target —— 是要包装的对象，可以是任何东西，包括函数。 handle…

几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的大小。现在，tree-shaking 的好处将根据你的代码库而有所不同。由…

从代码可以看出，React通过先判断key是否相同，如果key相同则判断type是否相同，只有都相同时一个DOM节点才能复用。 由于本次更新时只有一个p，属于单一节点的Diff，会走上面介绍的代码逻辑。 同级多个节点的Diff，一定属于下面3中情况的一种或多种。 带着第一轮遍历…