摘要: 阅读全文
posted @ 2020-12-08 18:04 sophel 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 写在开头:当一个图片url被请求并加载之后(不一定得渲染出来),会放在缓存里,下次如果有一个相同的url被请求,会先在缓存里retrieve出该资源,实现节流。 complete: 综上,当出现以下几种状况,则complete=true 1.未设置src/ src=''/ 未设置srcset 2.s 阅读全文
posted @ 2019-12-20 09:42 sophel 阅读(853) 评论(0) 推荐(0) 编辑
摘要: 1. 要在constructor-super里接收context对象 2. 给组件(class / pure function)指定contextType属性,用来接收store对象 以下代码模拟了connect(类似react-redux里connect的功能)高阶组件的实现: 阅读全文
posted @ 2019-08-19 18:58 sophel 阅读(2286) 评论(0) 推荐(0) 编辑
摘要: 以下以react中的一个“Fruit store”的组件为例来验证上述结论: 1. constants.js 2. Fruit.js 3. TodoApp.js 在index.js中加载TodoApp组件,并点击按钮可见Fruit组件内的list item一直在增加,说明在TodoApp内修改了fr 阅读全文
posted @ 2019-08-16 10:18 sophel 阅读(613) 评论(0) 推荐(0) 编辑
摘要: 在使用了combineReducers的场景下,要注意reducers里的state初始化处理,否则到combineReducers函数过程中会抛出异常,原因是combineReducers内部进行了每个reducer断言。 跟踪源码可知原理如下: 继续debug,进入assertReducerSh 阅读全文
posted @ 2019-07-23 15:10 sophel 阅读(2544) 评论(0) 推荐(0) 编辑
摘要: context提供了一种数据共享的机制,里面有两个关键概念——provider,consumer,下面做一些key features描述。 参考网址:https://react.docschina.org/docs/context.html#reactcreatecontext consumer: 阅读全文
posted @ 2019-04-26 18:32 sophel 阅读(977) 评论(0) 推荐(0) 编辑
摘要: 在react “从上至下的数据流原则” 背景下,常规的消息传递机制就是通过prop属性,把父级数据传递给子级,这样一种数据流通模式决定了——数据的接收方子组件要被”硬植入“进数据的数据的给予方父组件,模式如下: 图1 传统依赖props进行数据传递的组件“硬植入”模型 基于上述的“硬植入”模式,就形 阅读全文
posted @ 2019-04-25 15:26 sophel 阅读(503) 评论(0) 推荐(0) 编辑
摘要: 转载地址:https://blog.csdn.net/vhwfr2u02q/article/details/79492303 核心概念: 1.CPU节能:在页面不刷新时不执行回调(页面在隐藏、最小化等状态下),相比于setTimeOut的后台刷新,更节约CPU性能 2.函数节流:保证在一个刷新区间, 阅读全文
posted @ 2019-04-23 14:50 sophel 阅读(149) 评论(0) 推荐(0) 编辑
摘要: react组件中的两类状态数据:props,state,官网API给出的使用规范,多读几遍,受益匪浅: 结论: 1. 对应任何可变的数据,理应只有一个单一“ 数据源 ” 2. 如果多个组件均需要这些数据,那可以将数据提升至离他们最近的共同祖先中,而不是尝试在不同组件中同步状态 3. 应该依赖自上而下 阅读全文
posted @ 2019-04-13 18:53 sophel 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 基本的搭建步骤参考博客:https://blog.csdn.net/qq_27727251/article/details/86593415 这里要强调的坑是:安装完淘宝镜像要将其设置为默认Registy! 如果只是安装了没有设置,会在create-react-app my-project中出现各种 阅读全文
posted @ 2019-03-17 11:52 sophel 阅读(1167) 评论(0) 推荐(0) 编辑