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