经过之前的在JavaScript中理解策略模式、在JavaScript中理解组合模式、浅谈MVC/MVP/MVVM模式（概述） 和 较早之前的进击的观察者模式等文章的铺垫，终于可以把这些理论的东西用于实践了。 废话不多说，直奔主题。 (以下代码可见博客原文 或 普通实现—cod…

2019 农历新年即将到来，是时候总结一下团队过去一年的技术沉淀。过去一年我们支撑的数据相关业务突飞猛进，其中两个核心平台级产品代码量分别达到30+万行和80+万行，TS 模块数均超过1000个，协同开发人员增加到20+人。由于历史原因，开发框架同时基于 React 和 Ang…

你应该知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有…

1. 数组 数组，字面意思就是一堆数的组合，但是它是有顺序的，学了数组就不仅可以存储一个数据，还可以存储一堆数据，这就是我们为什么学了简单数据类型之后还要学数组的原因。 可以看到，数组里面的定义和 python 里的差不多，也可以存储不同数据类型。获取数组元素也是一样通过下标获…

让 2019 来得更迅速吧~ 你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 52. 迁移到 HTTPS，然后启用 HTTP/2 53. 合适地部署 HTTP/2 54. 你的服务器和 CDN 支持 HTTP/2 吗？ 55. OCSP Stapling 是…

从结论和图都可以得出， setState是一个batching的过程， React官方认为， setState会导致re-rederning， 而re-rederning的代价是昂贵的， 所以他们会尽可能的把多次操作合并成一次提交。以下这段话是Dan在Issue中的回答： 同步…

作者一开始也喜欢在React的willMount函数中进行异步获取数据（认为这可以减少白屏的时间），后来发现其实应该在didMount中进行。 基于第一点，将状态变化（setState）和昂贵操作（tabChange）区分开，更加便于 render 和 commit 阶段操作或…

Redux是一个非常实用的状态管理库，对于大多数使用React库的开发者来说，Redux都是会接触到的。在使用Redux享受其带来的便利的同时， 我们也深受其问题的困扰。 纯净。Redux只支持同步，让状态可预测，方便测试。 但不处理异步、副作用的情况，而把这个丢给了其他中间件…

设计原则(SOLID) 单一职责模式(S) 里式替换原则(L) 开放封闭原则(O) 接口隔离原则(I) 依赖倒置原则(D) 设计模式 工厂模式 示例 你去购买汉堡，直接点餐、取餐，不会自己亲手做 商店