摘要：
一、React的Redux相当于Vue的Vuex 二、Redux工作原理 三、使用createStore创建store （图书管理员） 四、借书的人（组件上绑定事件函数）和借书人说的话（创建action，并通过dispatch派发给store） 代码 五、store（查阅） reducer（图书馆手 阅读全文
posted @ 2020-02-26 22:05
Nayek
阅读(716)
评论(0)
推荐(0)
摘要：
1. 作用域的修改放在constructor中 2. setState异步函数 setState内置了性能优化的机制,它是一个异步函数,可以把多次的数据改变结合成一次来做,这样的话降低虚拟DOM的对比频率，来提高性能 3.虚拟DOM React底层运用了虚拟DOM，他还有同层比对，key值的调用，来 阅读全文
posted @ 2020-02-25 23:54
Nayek
阅读(828)
评论(0)
推荐(0)
摘要：
使用shouldComponentUpdate( ) 生命周期函数，减少render函数的执行，减少对未发生改变的DOM结点的重复渲染。 若从父组件传来的content内容未发生改变则返回false（此部分查看React中生命周期函数文章） 阅读全文
posted @ 2020-02-25 23:47
Nayek
阅读(248)
评论(0)
推荐(0)
摘要：
React的生命周期函数 什么是生命周期函数：生命周期函数是指在某一个时刻组件会自动调用执行的函数 Initialization：初始化 执行Constructor，初始state和props Mounting ( 挂载处理 ) componentWillMount( ) : 在组件即将被挂载到页面 阅读全文
posted @ 2020-02-25 20:44
Nayek
阅读(372)
评论(0)
推荐(0)
摘要：
直接获取DOM元素时使用的，一般情况下尽量不要使用ref 阅读全文
posted @ 2020-02-25 14:26
Nayek
阅读(170)
评论(0)
推荐(0)
摘要：
setState是一个异步函数，异步获取数据 学习react在使用ref和setState操作DOM时会遇到的问题： ref获取ul结点元素 错误写法：得到的ul长度总是上一次输入后的长度 结果： 正确写法：setState异步函数第二个回调函数在第一个参数执行完成后执行 结果： 阅读全文
posted @ 2020-02-25 14:18
Nayek
阅读(254)
评论(0)
推荐(0)
摘要：
一、React中的setState ( 异步函数，异步获取数据 ) 若操作的时间间隔短，它可以将多个setState结合成一个setState，减少虚拟DOM的比对次数，提高性能 二、同层虚拟DOM对比算法 如果有一层DOM更改了，接下去的DOM结点就不比对了，直接从此结点开始更新以及此结点以下的D 阅读全文
posted @ 2020-02-25 13:52
Nayek
阅读(248)
评论(0)
推荐(0)
摘要：
JS在手机中也可运行，React Native通过将虚拟DOM转换为底层的原生组件，即可在手机端运行，在浏览器运行时，只需要将虚拟DOM转换为真实DOM即可运行,虚拟DOM就是将真实DOM转换为JS对象的写法。 阅读全文
posted @ 2020-02-25 11:25
Nayek
阅读(161)
评论(0)
推荐(0)
摘要：
假设react的过程： 第一种方案： 第二种方案： 第三种方案（虚拟DOM方案）： React中虚拟DOM的执行顺序： 阅读全文
posted @ 2020-02-25 10:55
Nayek
阅读(121)
评论(0)
推荐(0)
摘要：
1、当组件中的state或者props发生改变的的时候，render函数就会被重新执行 2、当父组件的render函数被运行时，它的子组件的render都将被重新运行一次 3、子组件作为父组件里的一个组件时，父组件render函数运行，子组件render函数也将被运行 阅读全文
posted @ 2020-02-25 10:45
Nayek
阅读(296)
评论(0)
推荐(0)
浙公网安备 33010602011771号