前端学习
文章平均质量分 77
前端学习心得
matdos
干!!!!!!!!!!!!!!!
展开
-
React HOC高阶组件学习笔记
React HOC是什么? React HOC — Higher Order Component ,又叫React 的高阶组件,它通常用一个函数来实现,这个函数接受一个 Component 并输出另一个 Component ,类似于 Java 的代理模式,用组合或者其它的方式去实现一些对象的装饰器或拦截器。总结来说React HOC本质上就是一个函数,这个函数接收了一个组件old,然后会返回一个新的组件new供你使用,这个新的组件是在old组件的基础上构建起来的,因此在old组件的功能上实现了一些扩展,但是原创 2021-07-23 16:55:16 · 161 阅读 · 0 评论 -
如何实现一个精简版的redux-saga
实现一个精简的redux-saga主要包括三个部分,首先是通过createSagaMiddelware创建saga中间件sagaMiddelware,第二是sagaMiddelware中实现一个run函数用于绑定要运行的生成器函数,最后是实现副作用函数。 1、createSagaMiddelware中间件创建函数 在createSagaMiddelware中会返回一个sagaMiddelware中间件,sagaMiddelware中间件会作为输入参数于redux中间件接口绑定,中间件返回一个函数,函数的输原创 2021-07-18 11:26:15 · 129 阅读 · 0 评论 -
redux-saga学习笔记
redux-saga是什么? 在redux的学习中,我们知道,redux中的reducer函数一定是一个纯函数,即该函数不随全局改变,也不改变全局状态。然后当redux需要处理一些带有副作用的异步任务时,redux采用中间件改造 dispatch ,从而诞生了一批通过构造满足特殊 pattern 条件的 action 来解决副作用的问题。而redux-saga是另一种非常强大处理副作用的工具。它提供了对异步流程更细粒度的控制,对每个异步流程他可以实现暂停、停止、启动三种状态。此外redux-saga利用了g原创 2021-07-18 11:25:18 · 207 阅读 · 0 评论 -
如何实现一个精简版的redux
实现功能 在上一节的React学习案例中,引用了redux库中的CreateStore函数和combineReducers函数,用于创建Store容器和组合多个Reducer。 import { combineReducers } from 'redux'; import { createStore } from 'redux'; 现在的工作就是实现一个精简版的redux来替代这两个函数也能正常工作 import { createStore,combineReducers } from './action原创 2021-07-18 11:24:24 · 167 阅读 · 0 评论 -
redux学习笔记
redux是什么? Redux是一个流行的JavaScript框架,为应用程序提供一个可预测的状态容器,类似于vue中的vuex,通常配合React共同使用。Redux基于简化版本的Flux框架,Flux是Facebook开发的一个框架。在标准的MVC框架中,数据可以在UI组件和存储之间双向流动,而Redux严格限制了数据只能在一个方向上流动。 Redux整体框架图如下: 什么时候需要使用Redux? React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。在react中的数据由pro原创 2021-07-18 11:23:19 · 158 阅读 · 0 评论 -
React HOC高阶组件及其实现原理
React HOC是什么? React HOC — Higher Order Component ,又叫React 的高阶组件,它通常用一个函数来实现,这个函数接受一个 Component 并输出另一个 Component ,类似于 Java 的代理模式,用组合或者其它的方式去实现一些对象的装饰器或拦截器。总结来说React HOC本质上就是一个函数,这个函数接收了一个组件old,然后会返回一个新的组件new供你使用,这个新的组件是在old组件的基础上构建起来的,因此在old组件的功能上实现了一些扩展,但是原创 2021-07-18 11:05:46 · 932 阅读 · 0 评论 -
react学习笔记
本文记录了自己学习react后对react核心思想的一些理解 背景 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。React 不是一个 MVC 框架,仅仅是视图(V)层的一个用来构建UI的 JavaScript库。React的特点是: 使用 JSX语法 创建组件,实现组件化开发,为函数式的 UI 编程方式打开了大门 性能高原创 2021-07-18 10:47:47 · 308 阅读 · 1 评论