随风丶逆风的博客

最近学习 React 过程有一点点小心得，遂记录一下。从六个方面讲一讲，MVVM、组件化、单向数据流、数据绑定、渲染和更新、数据状态管理。MVVMReact 本身更像一个 View 层库，结合 Redux 等库之后才是一个完整的 MVVM 框架。Vue 是 MVVM 的经典实现，虽然一直标榜自己是 View 层，但实际上已经包含了对数据的操作。组件化Vue 组件本质上是一个 Vue 实例，在创建时一般都要经过以下阶段：设置数据监听，编译模板，将模板应用到 DOM 上，其后根据数据变化更新 .

项目需要使用React进行开发，故从Vue与React的异同切入学习，记录一下学习笔记React与Vue的区别React整体的思路就是函数式，所以推崇纯组件，数据不可变，单向数据流(单向绑定)，当然需要双向的地方也可以做到，比如结合redux-form；Vue是响应式的思想，认为数据可变，通过Watcher监听每一个属性，如果有变化就更新虚拟dom。react组件的扩展一般是通过高阶组件，...

React中最神奇的部分莫过于虚拟DOM，以及其高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面，由虚拟DOM来确保只对界面上真正变化的部分进行实际的DOM操作。React在这一部分已经做到足够透明，在实际开发中我们基本无需关心虚拟DOM是如何运作的。然而，作为有态度的程序员，我们总是对技术背后的原理充满着好奇。理解其运行机制不仅有助于更好的理解React组件的...