CodeNotes

步骤安装yarn：npm install -g yarn （可以不安装）全局安装：npm i -g create-react-app切换到想创项目的目录，使用命令：create-react-app 项目名称进入项目文件夹，目录框中输入cmd, 启动项目：npm start

package.json 配置文件："scripts": {"start": " react-scripts start", //修改这个 "build": "react-scripts build","test": "react-scripts test","eject": "react-scripts eject"},mac版"start": "BROWSER=chrome react-scripts start",windows版"start": "set BROWSER

.proads-space html{line-height:1.15;-webkit-text-size-adjust:100%}.proads-space body{margin:0}.proads-space main{display:block}.proads-space h1{font-size:2em;margin:.67em 0}.proads-space hr{box-sizing:content-box;height:0;overflow:vis...

旧生命周期:初始化阶段: 由ReactDOM.render()触发—初次渲染constructor()componentWillMount()render()componentDidMount() =====> 常用一般在这个钩子中做一些初始化的事，例如：开启定时器、发送网络请求、订阅消息更新阶段: 由组件内部this.setSate()或父组件render触发shouldComponentUpdate()componentWillUpdate()render() ===

概念：高阶函数：（ 常见的高阶函数有：Promise、setTimeout、arr.map() ）如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。函数的柯里化：通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。function sum(a){ return(b)=>{ return (c)=>{ re

通过onXxx属性指定事件处理函数(注意大小写)a.React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性b.React中的事件是通过事件委托方式处理的(委托给组件最外层的元素) ————————为了高效通过event.target得到发生事件的DOM元素对象——————————不要过度使用ref（当事件的启发对象与执行对象相同时，可以使用evevt.target获取对象并执行对应操作）<script type="text/babel">.

模块：JS的拆分，一个JS负责一个功能组件：html、css、js等一系列资源全都拆分，每一个组件可完成整体效果的一部分。提高程序的复用率，简化项目编码，提高程序运行率。组件：函数式组件类式组件...

原生js的痛点：DOM繁琐大量重绘重排没有组件化编码，代码复用率低React概念：用于构建用户界面的js库杂点：命名式编码：指挥操作一步步声明式编码：声明一件事情、程序自动执行