面试中常问的一道问题就是“你了解哪些数据流管理方案”，面对这样的提问，先搞懂为什么要学数据流管理，再来梳理、对比你所知道的方案。真正的前端开发，不仅仅要面试造火箭，实际工作中依然需要这样的能力。数据流

很多前端开发都离不开框架，相信你一定听说过"数据驱动视图"这句话，意思就是说，我们界面的内容及内容变化都是数据决定的，不管你是用Vue、React还是其他框架，基本都是这个理念。在面试中，面试官经常会

听说没什么问题是加一层抽象解决不了的。因此本文参考《React小书》总结了此文，建议是将其作为辅助理解工具。 问题概述：模块又需要共享数据，对共享状态的操作不可预料，导致debug困难。 描述：APP应用，有A、B、C...100个模块，我们都需要用到全局Store，A可能去改…

我直接从CDN 下载了一份源码, 然后进行分析。 两个Button , 一个label. 我们在js 文件中，我们给两个按钮添加了**click** 事件，事件的主体非常简单`bankUser.income ++` `bankUser.income --`, 就是对`banku…

修改test的值，会触发log函数自动执行。相当于传入autorun的方法，会自动收集依赖到的 observable值的变化。个人猜测autorun函数的工作方式是这样的 终于到trackDerivedFunction了，trackDerivedFunction就是最终调用au…

断断续续花了一些时间，才把整个脉络理清楚，并且对于一些细节做了注释讲解，第一次解读一份较为复杂的源码，很多地方参考其他人的描述，因为我觉得描述得比自己清晰。 看源码是前端进阶的必走之路，首先能知晓其中原理，在写业务代码时能驾轻就熟，并且能扩展出更高阶的功能；其次明白原理后能帮助…

dynamic-object 只对外暴露了三个 api：observable observe Action，分别是 动态化对象、 变化监听 与 懒追踪辅助函数。 下面以开发角度描述实现思路，同时作为反思，如果有更优的思路，我会随时更新。 1. 术语解释 本库包含许多抽象概念，为…

首发于大搜车技术博客：https://blog.souche.com/ru-he-zi-ji-shi-xian-yi-ge-mobx/ 前言 mobx 是一个非常优雅的状态管理库，具有相当大的自由度，并且使用非常简单，本文通过自己实现一个 mini 版的 mobx 来探究一下类…