DOM曼珠沙华的博客

Jsx的全称是Javascript XML，react定义的一种类似XML的JS拓展语法：JS+XML，使我们可以用类似于xml方式描述视图。本质是React.createElement(component, props, ...children) 的语法糖原理：babel-loader会预编译JSx为React.createElement(type,props,...children)

1. 何为 redux ，解决什么问题 操作流程 使用场景 优缺点 ？

1.React的严格模式如何使用，有什么用处？

react-router 函数组件使用withRouter 了解，学习阶段，欢迎指出问题！

umi为前端开发框架安装uminpm install umi -g[点击并拖拽以移动]直接创建文件夹 umiProject，cd进入后直接操作：创建页面

组件的定义：理解：用来实现局部功能效果的代码和资源的集合(html/css/js/image等等) 为什么要用组件：一个界面的功能更复杂 作用：复用编码, 简化项目编码, 提高运行效率React内的组件分为容器组件和展示组件。这里呢，需要你优先有一个React的项目，在项目内操作，创建项目可查看React框架入门-创建项目、JSX了解创建组件简单例子在 项目src下新建 App.js文件（index.js与App.js同级），作为组件，进入组件后直接输入 rcc 会出现组件的简..

下图是浏览器的渲染图，下面会介绍虚拟DOM可以看到这里，浏览器渲染需要三个引擎，HTML引擎、CSS引擎、JS引擎，页面渲染直接和html、css相关，生成一个DOM树和css规则树，最后合成一个渲染树，最后根据渲染树布局和绘制的操作，成本最高的布局，其次会绘制，绘制无法避免，但是我们可以减少绘制的次数，如果是jquery的话，每循环一次，整个页面就会刷新，效率很低。虚拟DOM是为了避免渲染（布局和绘制）的次数，发明了diff算法，这里将原生的DOM用JS来表示，在操作的时候有一个对比方..

戳这里 官方文档Ant Design 是ui组件库，具体简介看官网。antd需要在React项目内安装，意思就是需要先创建好项目，可以戳查看如何创建项目，或者查看官网。在项目创建好之后，进行安装。Antd安装这里需要进行项目内安装，有三种方式。第一种npm：npm install antd --save第二种cnpm：cnpm install antd --save第三种yarn：yarn add antd这三种方式，任选一种即可。...

安装react官方脚手架（这里如哦没有安装的话需要安装后就不需要再进行安装了）npm install -g create-react-app创建项目初始化项目create-react-app my-project进入项目cd my-project运行项目npm start运行项目后打开文件：，可以看到public内存放的是静态文件，src内存放的是代码，index.js是项目的入口文件。运行项目打开后的结果为下图时，表示运行正常。...