React学习笔记

一、传统MVC：model,view,controller，React最多算view

二、特点：

        1.声明式设计

        2.减少DOM操作

        3.库和框架

        4.JSX

        5.组件复用

        6.单项响应数据流

三、虚拟DOM

四、新建项目

        npm install -g create-react-app
        create-react-app 项目名
        cd 项目名
        npm start

五、npm i

        可以不用复制 node_models 文件夹安装项目

        对着package.json文件安装包，package-lock.json对应着安装包的版本

六、

        删掉src中的文件

        新建一个index.js文件

七、jsx： js+xml ，通过babel编译将jsx转成js + html 

八、函数式组件（无状态组件），class组件

九、jsx{}中放表达式或者变量

        style 放的是对象 style = {obj} 或者 { { k : v } } ，k保持驼峰写法

十、导入css文件：import './css/index.css'  (webpack支持)

十一、四种事件处理以及this

十二、React并不会真正的绑定事件到每一个具体的元素上，  而是绑到根节点上，采用事件代理的模式（减少内存的消耗）

十三、todolist 案例 和  maizuo 案例

十四、this.setSate()处在同步逻辑中，异步更新状态，更新真实DOM

          this.setSate()处在异步逻辑中，同步更新状态，更新真实DOM

十五、this.setSate()支持第二个参数，即一个回调函数  -> betterScroll