林小伟

class语法 class Parent new的时候，执行的构造函数【可写可不写；需要接受传递进来的实参信息，才需要甚至constructor】 继承的原理 基于extends 实现继承

现在我们尝试封装一个简单的Dialog组件， 父组件调用 ，子组件.................

在运用react时，经常会遇到父组件传给子组件属性 值等，但是有时可能会需要传递一些DOM结构，这时就需要用到插槽机制 插槽的作用 我们在调用组件时会传不同的DOM结构 前面文章提到过，传递一个时，c

属性props的处理 调用组件，传递进来的属性是“只读”的「原理：props对象被冻结了」 作用：父组件(index.jsx)调用子组件(DemoOne.jsx)的时候，可以基于属性，把不同的信息传递

React中的组件化开发： 没有明确全局和局部的概念（可以理解为都是局部组件，不过可以把组件注册到React上，这样每个组件中只要导入React即可使用） 函数组件 创建：在SRC目录中，创建一个 x

上一篇文章说到了JSX的渲染机制流程，以及虚拟dom怎么形成的，这篇就讲一下如何把虚拟dom变成真实的dom 接下来就是创建真实DOM，遍历DOM节点的属性，我们这次只考虑type和props 基于传

1.关于JSX底层处理机制 第一步：把我们编写的JSX语法，编译为虚拟DOM对象「virtualDOM」 左侧是输入编写的代码，右侧是babel编译过后的代码 我们把右侧编译过后的代码提炼出来看下 可

JSX构建视图的基础知识 JSX：javascript and xml(html) 把JS和HTML标签混合在了一起「并不是我们之前玩的字符串拼接」 @1 vscode如何支持JSX语法「格式化、快捷

React是Web前端框架 1.目前市面上比较主流的前端框架 React框架采用的是MVC体系；Vue框架采用的是MVVM体系； MVVM：model数据层 + view视图层 + viewModel