恍然小悟

React Hooks 是React在16.8版本出的新特性。在16.8以前，React函数组件无法使用state状态、生命周期等功能，而有了Hooks，就可以使用函数式编写和类一样强大的组件。 当组件越来越复杂类组件扩展功能首选是使用“高阶组件”，这是造成代码晦涩难懂的根源，…

昨天的文章手写了一版redux的核心源码，redux库除了数据的状态管理还有一块重要的内容那就是中间件，今天我还是尝试将此部分源码完成。 而中间件（middleware）就是一个可插拔的机制，如果想要扩展某个功能，比如添加日志，在更新前后打印出state状态，只需要将日志中间件…

最近处在项目的间歇期，没事参加了几场面试发现面试官依然喜欢问redux的一些问题，尤其是问这种开发框架的问题最好的办法就是撤底搞懂其源码，正好利用这两天时间从头过了一遍redux库，还是有些收获的。 手写源码不是目的，主要是为了看看大牛写的代码更能开拓思维，以后和面试官扯淡的时…

观察者模式（observer）广泛的应用于javascript语言中，浏览器事件（如鼠标单击click，键盘事件keyDown）都是该模式的例子。设计这种模式背后的主要原因是促进形成低耦合，在这种模式中不是简单的对象调用对象，而是一个对象“订阅”另一个对象的某个活动，当对象的活…

在计算机内存中存取数据，基本的数据结构分为栈和队列。 栈（Stack）是一种后进先出的数据结构，注意，有时候也管栈叫做“堆栈”，但是“堆”又是另一种复杂的数据结构，它和栈完全是两码事。栈的特点是操作只在一端进行，一般来说，栈的操作只有两种：进栈和出栈。第一个进栈的数据总是最后一…

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 上面读取了3个文件，它们是层层…

而中间件（middleware）就是一个可插拔的机制，如果想找扩展某个功能，比如添加日志，在更新前后打印出state状态，只需要将日志中间件装到redux上即可，于是便有了日志功能，当不想使用时可再拿掉，非常方便。 先说说用法，只有会用了，再说原理。 redux-thunk中间…

随着JavaScript单页应用开发日趋复杂，管理不断变化的state非常困难，Redux的出现就是为了解决state里的数据问题。在React中，数据在组件中是单向流动的，数据从一个方向父组件流向子组件(通过props)，由于这个特征，两个非父子关系的组件（或者称作兄弟组件）…

前端开发人员不论是在开发还是测试中都会用到http服务器，方便快捷的使用更加有助于我们编写和调试代码，而http-server则是一个十分好用的包，它几乎不用配置，可以使用任何一个目录生成一个http服务器。 简单说一说http-server的使用。 打开浏览器访问http:/…