02 2020 档案
摘要：React之无状态组件可以TodoListUI组件对比 无状态组件的优点：性能更高，因为他就是一个函数，TodoLIstUI组件是一个类，还需要执行其中的生命周期函数
阅读全文
摘要：UI组件 容器组件
阅读全文
摘要：学习链接: https://www.jianshu.com/p/514fe21b9914 学习链接：https://zhuanlan.zhihu.com/p/38030418 学习链接：https://medium.com/@baphemot/understanding react react 16
阅读全文
摘要：一、 reducer纯函数方便自动化测试 二、
阅读全文
摘要：React报错： 报错原因List.Item的Item写成了item，小写的i
阅读全文
摘要：一、React的Redux相当于Vue的Vuex 二、Redux工作原理 三、使用createStore创建store （图书管理员） 四、借书的人（组件上绑定事件函数）和借书人说的话（创建action，并通过dispatch派发给store） 代码 五、store（查阅） reducer（图书馆手
阅读全文
摘要：1. 作用域的修改放在constructor中 2. setState异步函数 setState内置了性能优化的机制,它是一个异步函数,可以把多次的数据改变结合成一次来做,这样的话降低虚拟DOM的对比频率，来提高性能 3.虚拟DOM React底层运用了虚拟DOM，他还有同层比对，key值的调用，来
阅读全文
摘要：使用shouldComponentUpdate( ) 生命周期函数，减少render函数的执行，减少对未发生改变的DOM结点的重复渲染。 若从父组件传来的content内容未发生改变则返回false（此部分查看React中生命周期函数文章）
阅读全文
摘要：React的生命周期函数 什么是生命周期函数：生命周期函数是指在某一个时刻组件会自动调用执行的函数 Initialization：初始化 执行Constructor，初始state和props Mounting ( 挂载处理 ) componentWillMount( ) : 在组件即将被挂载到页面
阅读全文
摘要：直接获取DOM元素时使用的，一般情况下尽量不要使用ref
阅读全文
摘要：setState是一个异步函数，异步获取数据 学习react在使用ref和setState操作DOM时会遇到的问题： ref获取ul结点元素 错误写法：得到的ul长度总是上一次输入后的长度 结果： 正确写法：setState异步函数第二个回调函数在第一个参数执行完成后执行 结果：
阅读全文
摘要：一、React中的setState ( 异步函数，异步获取数据 ) 若操作的时间间隔短，它可以将多个setState结合成一个setState，减少虚拟DOM的比对次数，提高性能 二、同层虚拟DOM对比算法 如果有一层DOM更改了，接下去的DOM结点就不比对了，直接从此结点开始更新以及此结点以下的D
阅读全文
摘要：JS在手机中也可运行，React Native通过将虚拟DOM转换为底层的原生组件，即可在手机端运行，在浏览器运行时，只需要将虚拟DOM转换为真实DOM即可运行,虚拟DOM就是将真实DOM转换为JS对象的写法。
阅读全文
摘要：假设react的过程： 第一种方案： 第二种方案： 第三种方案（虚拟DOM方案）： React中虚拟DOM的执行顺序：
阅读全文
摘要：1、当组件中的state或者props发生改变的的时候，render函数就会被重新执行 2、当父组件的render函数被运行时，它的子组件的render都将被重新运行一次 3、子组件作为父组件里的一个组件时，父组件render函数运行，子组件render函数也将被运行
阅读全文
摘要：官方文档学习链接：https://zh hans.reactjs.org/docs/typechecking with proptypes.html
阅读全文
摘要：父子组件传值： 父组件向子组件传值通过向子组件TodoItem进行属性绑定（content={item}、index={index}）,代码如下 然后子组件通过this.props.conten、this.props.index接受值，ES6写法如下： 子组件调用从父组件传来的父组件里的函数，间接修
阅读全文
摘要：Installing template dependencies using npm... npm WARN eslint config react app@5.2.0 requires a peer of eslint plugin flowtype@3.x but none is install
阅读全文
摘要：实现后效果： 实现原理： 在允许拖拽的节点元素上，监听mousedown(按下鼠标按钮)事件，鼠标按下后，事件触发 监听mousemove(鼠标移动)事件，修改克隆出来的节点的坐标，实现节点跟随鼠标的效果 监听mouseup(放开鼠标按钮)事件，将原节点克隆到鼠标放下位置的容器里，将绑定的mouse
阅读全文
摘要：· 接口做数据映射的好处：前端页面自定义的字段不需要和后端字段相同，后端修改字段前端不受影响. · 从接口得到数据 res: · 也可以省略 return：
阅读全文
摘要：对象方法 最简单的绑定（这里的active加不加单引号都可以，以下也一样都能渲染） · 判断是否绑定一个active · 绑定并判断多个 · 数组与三元运算符结合判断选择需要的class （注意：三元运算符后面的“：”两边的class需要加上单引号，否则不能正确渲染） · 数组对象结合动态判断
阅读全文
摘要：通过 绑定对象数据, 方法处理数据 template methods
阅读全文
摘要：1. JSON.stringify( ) 对象转为JSON字符串(前端向后端传递数据时使用) 2. JSON.parse( ) JSON字符串转为对象（前端接收后端传来的数据时使用）
阅读全文
摘要：全局唯一标识符（GUID，Globally Unique Identifier）也称作 UUID(Universally Unique IDentifier) 。 GUID是一种由算法生成的二进制长度为128位的数字标识符。GUID 的格式为“xxxxxxxx xxxx xxxx xxxx xxxx
阅读全文
摘要：1. 应用层 2.传输层 3.网络层 4.网络接口层 1、应用层 TCP/IP协议族在这一层面有着很多协议来支持不同的应用，许多大家所熟悉的基于Internet的应用的实现就离不开这些协议。如我们进行万维网（WWW）访问用到了HTTP协议、文件传输用FTP协议、电子邮件发送用SMTP、域名的解析用D
阅读全文
摘要：1、gitignore文件 在git中如果想忽略掉某个文件，不让这个文件提交到版本库中，可以使用修改 .gitignore 文件的方法。这个文件每一行保存了一个匹配的规则例如： 学习链接：https://git scm.com/docs/gitignore githelp：https://help.
阅读全文
摘要：有时候，发现有不该提交的文件已经提交后，仅仅在.gitignore中加入忽略是不行的。这个时候需要执行: 去掉已经托管的文件，然后重新提交： 当我们需要删除暂存区或分支上的文件, 同时工作区也不需要这个文件了, 可以使用：
阅读全文
摘要：首先qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. 地址: https://www.npmjs.com/package/qs 、`qs.stringify()` 将URL解析成对象的形式 将对象 序列化成URL的形式，以&进行拼接 那么当我们需要传递 的时候，我们就
阅读全文
摘要：axios中get请求的params参数中带数组时导致向后台传参失败报错：from origin 'http://localhost:8080' has been blocked by CORS policy 错误原因数组参数带数组[ ]符号： 解决方法：运用 处理 (以下范例) 若arrayFor
阅读全文
