崔璨

前段时间系统学习了React，这里做一个知识梳理和技术要点总结。本文将以React项目入口文件为切入点，深入解析框架的核心运行原理，并重点探讨JSX的本质与实现机制。

由于JavaScript是一个单线程语言，当有js代码要执行的时候，就会停止渲染dom。 因此思考一个问题，在处理vdom的时候，如果dom结构过于复杂的话，那js的处理时间就会变长，在渲染dom的时

react也好，vue也罢，都是基于vdom去渲染真实dom的。 所以在mini-react的实现中，首先要理解一下vdom是如何渲染成dom的，这里采用了渐进式的方式去实现。

_update() 方法 _updata() 的调用时机有两种，1.首次渲染。2.数据更新。 _updata() 的的作用是将VNode渲染生成真实DOM 因为是首次执行，所以prevVnode不存在

createElement 方法 在render函数中返回了VNode，而VNode是有createElement方法创建的 接数据驱动流程分析（3）中vnode = render.call(vm._

render 函数 什么是 Vritual DOM？ Virtual DOM 是vue2.0以后才引入的概念，一个真实的DOM他的操作性能是比较高的，一个div元素的第一层key，就有将近300个属性

Vue实例挂载($mount) 承接上一节数据驱动流程分析1 在实例化Vue是执行了this._init()中最后执行的if (vm.$options.el) { vm.$mount(vm.$opti

Vue的核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。所以这一块主要是为了弄清楚模板和数据如何渲染成最终的 DOM。

昨天在写一个谷歌插件的时候，新的tab页采用的是vue+vuetify去开发的，所以需要频繁的打包，然后移动到谷歌插件包里，然后到浏览器中查看。但是移动文件着实浪费时间还容易出错，于是自己摸索着写了一