需求：背景图和拼图通过接口获取，适配移动端和PC端，适配多种不同场景（嵌入式/触发式/弹窗/不同尺寸），支持自定义样式、尺寸，支持插入dom，验证成功后，可能长时间没操作需要手动刷新，简单易用。

在前两篇文章中，我们分析了React组件的实现，挂载以及生命周期的流程。在阅读源码的过程中，我们经常会看到诸如transaction和UpdateQueue这样的代码，这涉及到React中的两个概念：事务和更新队列。因为之前的文章对于这些我们一笔带过，所以本篇我们基于大家都再熟…

1. git简介 在实际开发中，会使用git作为版本控制工具来完成团队协作。因此，对基本的git操作指令进行总结是十分有必要的，本文对一些术语或者理论基础，不重新码字，可以参考廖雪峰老师的博文，本文只对命令做归纳总结。 暂存区（Index/Stage）：在使用git管理项目文件…

本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-middleware、webpack-hot-middleware的实现机制，彻底搞懂他们的原理，在面试过程中这…

一文，理解http-proxy-middleware中间件的工作原理。让配置的时候，不再头疼，为啥配置不生效。

Webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务，大家只需在 webpack 的配置中，增加 devServer 的配置来启动。而 devServer 配置的本质是 webpack-dev-server 这个包提供的功能，而 webp…

React的核心机制：虚拟DOM。我们平时写的JSX，实际上babel会帮我们转成React.createElement，用来生成虚拟DOM树。以下是源码部分。 ?typeof是个symbol值，不支持symbol的环境会是一个特殊数字，为什么是这个数字？据说因为 0xeac…

如今React+TypeScript 已成为各大厂标配- 建议熟读React和TypeScript官方文档 - 建议开启 tsconfig.json中 "noImplicitAny": true 建

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…