先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同

要说 React 框架这些年迭代更新中让人眼前一亮的方案设计，Fiber Reconciler（下文将简称为 Fiber）绝对占有一席之地。作为 React 团队两年多研究与后续不断深入所产出的成果，

这 30 道 TS 练习题，你能答对几道？学过 TS 的小伙伴，赶紧来做几道题热热身，巩固一下所学的 TS 知识。

Dva 是什么 dva 首先是一个基于redux和redux-saga的数据流方案，然后为了简化开发体验，dva 还额外内置了react-router和fetch，所以也可以理解为一个轻量级的应用框架

1. 核心概念对比 i） Redux 提供了 store.getState() 这个 API 获取 store 树，还有 store.subscribe(listener) 订阅 store 的变化，当 store 改变时会调用监听器；Vuex 有一个 getter 的概念用于…

作为前端开发者，我们应该跳出自己的一亩三分地，跳出舒适区。扩大自己的技术广度和深度，只有这样作为我们才能"做大做强，再创辉煌".服务器作为开发一环，并且现在非常多的商业公司部署在生产环境上的服务器都是

数据响应式的目标：当响应式数据对象本身或属性发生变化时，会运行一些函数，比如 render 函数。 该几个模块的实现都在 Vue2 源码的 ./src/core/observer 中。 Observer 是一个类，它所做的事就是把一个普通的对象转换为响应式对象。 Observe…

我们知道 Vue 使用的是虚拟 DOM 去减少对真实 DOM 的操作次数，来提升页面运行的效率。今天我们来看看当页面的数据改变的时候，Vue 是如何来更新 DOM 的。Vue和React在更新dom时，使用的算法基本相同，都是基于 snabbdom。 当页面上的数据发生变化时，…

一、 首先比较一下新旧节点是不是同一个节点（可通过比较sel（选择器）和key（唯一标识）值是不是相同），不是同一个节点则进行暴力删除（注：先以旧节点为基准插入新节点，然后再删除旧节点）。 新节点有子节点，这个时候就要仔细考虑一下了:若老节点没有子元素，则直接清空老节点，将新节…