![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 90
Absorbed_zhang
毕业于洛阳师范大学,多接触于混合开发,电商网站,快应用,致力于vue全家桶,react,react-redux等技术,早期深入研究原生js于jquery开发,熟悉h5于c3和w3c标准
展开
-
react梳理之Hooks(二)
昨天没有梳理完的今天接着梳理userContext()userReducer()useMemo()useCallback()4. userContextuserContext的作用userContext就是context的接收方式不同,在前边的react传值梳理中我们就已经说过,有一种方式就是context传值,context在react中就如字面含义一样,是我们react使用中的一种容器,通过React.createContext来创建一个容器ContextObj,容器作为标签Co.原创 2022-03-30 02:08:19 · 342 阅读 · 0 评论 -
react梳理之Hooks
梳理的知识点按时间线来的,在16.8之前,react的函数式组件还只是一个函数式组件,局限性非常的大,但是在17以后就再也不同了,react的函数式组件真正的翻身农奴把歌唱了,因为拥有了’外挂’,也就是Hooks,react的hooks,也就是钩子,作用就是在函数式组件内部把需要的功能钩进来,来完成一些像是钩子函数像是状态一样之前无法使用的东西Hooksreact的hooks其实就是内置功能性函数的使用,新版本的react有一些内置的函数,可以在函数式组件中去使用,究其根本其实就是应用一些比如于闭包.原创 2022-03-28 23:36:41 · 536 阅读 · 0 评论 -
react梳理之react-redux
我们上一篇文章梳理了flux的架构模式和redux,这章我们来梳理react-redux.顺便补充一下redux开发过程中的规范或者说惯例一.actionsType.js的补充在上个章节中我们说actionsType.js只是为了代码美观和报错,实际上这个确实只有这两点用途,但是我们没有说具体原因代码美观:我们在进行dispatch的时候会传递一个type,上一篇也说了这是规范,调用必须这样,那我们这个type传递的字符串会越来越多,因为我们代码逻辑复杂之后我们的dispatch会非常的多,那我.原创 2022-03-27 06:11:37 · 328 阅读 · 0 评论 -
react梳理之redux
react状态管理,其实可以用很多东西,flux和react一同和facebook成长起来,但是flux数据模式是可以和react区分开来理解的,flux前端架构模式有很多应用的工具,我们既然是react梳理,我们就梳理一下redux和redux-react,有一些不了解的人会觉得,这俩不是一样的东西吗,不一样哦,看起来一样,实际上不一样的,redux-react看名称就知道是适用于react的,但是redux是适用于所有地方的一. 什么是fluxFlux的核心思想就是数据和逻辑永远单向流动众所.原创 2022-03-26 05:46:14 · 1018 阅读 · 0 评论 -
react梳理之组件通信(传值)
react组件的通信属于开发基础知识,今天来梳理一下,当然rudex还按老规矩排除在外,如同上篇文章的hooks一样,单独梳理一.react组件常用的通信情景父子组件通信兄弟组件通信(非父子组件)1.父子组件通信props传值props传值算是react中最基本的传值方式,如果使用或者学习过vue的会了解到,props也是vue的父子组件基本的传值方式,通过父组件使用子组件的时候绑定值,在子组件中接收props值来完成,props是一个对象,对象内接收了父组件通过键值对方式传递的值,在.原创 2022-03-23 00:54:32 · 3101 阅读 · 0 评论 -
react梳理之函数式组件
函数式组件的基本意义就是,组件实际上是一个函数,不是类一.react的类组件前端概念中的类前端中实际上是没有类也没有继承的,但是我们后来也有了前端独有的一种类的模式,实际上我们都知道是语法糖class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; .原创 2022-03-21 23:34:48 · 2720 阅读 · 0 评论 -
react梳理之(非)受控组件
react开始梳理,不会从最基本的创建一个react项目开始,只是梳理一些概念,今天简单梳理一个较为简单的概念,就是受控组件与非受控组件一.react的非受控组件1.什么叫非受控组件我们从两个字入手,那就是组件,受控与非受控是从组件的角度出发来说出的概念,字面意思就是组件时不被控制的,不被谁控制,当然是不被父组件控制,那么不受控制的组件有什么特性,就是一切逻辑只与自身有关,与其他的组件没有通信与交集在HTML当中,像,, 和 这类表单元素会维持自身状态,并根据用户输入进行更新。但在React中.原创 2022-03-21 22:53:48 · 1664 阅读 · 0 评论 -
vue与react的diff算法
我们都知道的一件事,就是vue和react框架,核心算法都是diff算法,啥叫diff算法可能有一部分人都是没有深究的,今天梳理一下vue和react的diff算法,也说一下有啥区别什么叫虚拟dom,就是原本我们在页面上展示的dom结构叫做dom树,我们把数据和将要渲染的代码模拟dom结构生成的对象类型的数据结构,就叫虚拟dom树,将真实的DOM的数据抽取出来,以对象的形式模拟树形结构,我们先根据真实DOM生成一颗 virtual DOM ,当 virtual DOM 某个节点的数据改变后会生成一个.原创 2022-03-20 09:06:46 · 7193 阅读 · 1 评论