摘要：
第1种 - 创建组件的方式 > 使用构造函数来创建组件，如果要接收外界传递的数据，需要在 构造函数的参数列表中使用`props`来接收；> 必须要向外return一个合法的JSX创建的虚拟DOM； 创建组件： 为组件传递数据： 1. 父组件向子组件传递数据 2. 使用{...obj}属性扩散传递数据 阅读全文
摘要：
什么是JSX语法：就是符合 xml 规范的 JS 语法；（语法格式相对来说，要比HTML严谨很多） 1. 如何启用 jsx 语法？ 安装 `babel` 插件 - 运行`cnpm i babel-core babel-loader babel-plugin-transform-runtime -D` 阅读全文
摘要：
1. 运行 ’cnpm i react react-dom -S' 安装包 react：专门用于创建组件和虚拟DOM，同时组件的生命周期都在这个包中 react-dom：专门进行DOM操作，主要应用场景，就是 'ReactDOM.render()' 2. 在 'index.html'页面中，创建容器 阅读全文
摘要：
DOM：浏览器中提供的概念； 虚拟DOM：框架中的概念；需要开发框架的程序员手动用JS对象来模拟DOM元素和嵌套关系； 本质：用JS对象，模拟DOM树； 目的：实现页面的按需更新； 要求：点击列头，实现按需排序； 1. 数据从哪儿来：从数据库查询而来 2. 数据存放在哪：浏览器内存中以对象数组形式表 阅读全文
摘要：
相同点 不同点 组件化方面 1. 什么是模块化：是从代码的角度进行分析；把一些可复用的代码，抽离为单个的模块；便于项目的维护和开发。 2. 什么是组件化：是从UI界面的角度来进行分析；把一些可复用的UI元素，抽离为单独的组件；便于项目的维护和开发。 3. 组件化的好处：随着项目规模的增大，手里的组件 阅读全文