React
文章平均质量分 68
React是用于构建用户界面的JavaScript库, 起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设Instagram的网站。于2013年5月开源。
Mr.BoBo.
这个作者很懒,什么都没留下…
展开
-
shouldComponentUpdate有什么作用?
当props或state发生变化时,会在渲染执行之前被调用。原创 2023-08-25 14:33:38 · 210 阅读 · 0 评论 -
Redux中间件理解,常见的中间件,实现原理。
redux 提供了类似后端 Express 的中间件概念,本质的目的是提供第三方插件的模式,自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer。这种机制可以让我们改变数据流,实现如异步 action ,action 过滤,日志输出,异常报告等功能。通俗来说,redux中间件就是对dispatch的功能做了扩展。原创 2023-08-24 21:27:31 · 1635 阅读 · 0 评论 -
React Diff算法原理
👉点此(想要了解Diff算法)原创 2023-08-24 20:56:50 · 1047 阅读 · 0 评论 -
React Diff算法
将virtualDOM(虚拟DOM)转换成actualDOM(真实DOM)的最少操作过程就叫调和,简单理解就是简化算法复杂度。提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。原创 2023-08-24 20:46:37 · 1356 阅读 · 0 评论 -
React生命周期(新-旧)
① 是什么?组件从创建到挂载页面上运行,再到组件不用时卸载的过程,叫生命周期,只有类组件才有生命周期。②作用学习组件的生命周期,有助于理解组件的运行方式,完成更复杂的组件更能、分析组件错误原因等。① 是什么?生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数。②作用为开发人员在不同阶段操作组件提供了时机。原创 2023-08-24 18:41:34 · 393 阅读 · 0 评论 -
Readl DOM (真实DOM) 和 Virtual DOM (虚拟DOM)之间的区别,以及优缺点
1、真实DOM:2、虚拟DOM。原创 2023-08-24 11:33:23 · 266 阅读 · 0 评论 -
React中的props和state的理解
我们既然要创建组件,那么就必然需要定义一个能代表一个组件UI呈现的完整状态集,也就是说:组件对应UI的任何改变,都可以从 state 的变化中反映出来;同时,state 还必须是代表一个组件UI呈现的最小状态集,即 state 中的所有状态都是用于反映组件UI的变化,没有任何多余的状态,也不需要通过其他状态计算而来的中间状态。⚠️ 并不是组件中用到的所有变量都是组件的状态!当存在多个组件共同依赖同一个状态时,一般的做法是状态上移,将这个状态放到这几个组件的公共父组件中。原创 2023-08-18 21:39:14 · 118 阅读 · 0 评论 -
props和state相同点和不同点?render方法在哪些情况下会执行?
Props和State都是用于存储和管理组件的数据,但Props是父组件传递给子组件的数据,是只读的,而State是组件内部自身管理的数据,可以被组件自身修改和更新。原创 2023-08-18 17:04:18 · 53 阅读 · 0 评论 -
React性能优化的8种方式
react凭借和diff算法拥有高效的性能,除此之外也有很多其他的方法和技巧可以进一步提升react性能。一下几中方法有助于提升react性能,虽然不必一定要在项目中使用这些方法,但是我们有应该知道如何使用这些方法。原创 2023-08-18 15:14:52 · 2119 阅读 · 0 评论 -
Redux实现原理
3、动作Action:为了修改状态,我们需要使用特殊的对象, 称之为‘action’,Action是一个简单的JavaScript对象,它描述了发生的事件以及将要对状态进行的修改。每次应用程序状态发生变化时,Redux会返回一个全新的状态对象,而不是修改原始状态对象。4、更新器Reducer:Reducer是一个纯函数,它接收当前的状态state和action作为参数,并返回一个新的状态。1、单一数据源:Redux的核心思想是将整个应用的状态存储在一个单一的JavaScript对象中,称为‘stire’。原创 2023-08-09 21:19:23 · 258 阅读 · 0 评论 -
你对自定义hook的理解,模拟简易版的useState
在上面的代码中,我们导入了 React 的 useState Hook,并创建了一个名为 `useCustomState` 的自定义 Hook。该 Hook 接受一个初始值作为参数,并返回一个包含两个元素的数组:状态值和更新状态的函数。在上面的代码中,我们使用 `useCustomState` 自定义 Hook 来创建了一个名为 `count` 的状态变量,并通过 `setCount` 函数来更新它。通过自定义 Hook,你可以将组件内部的状态逻辑提取出来,使得代码更加可重用和易于理解。原创 2023-08-08 20:58:43 · 76 阅读 · 0 评论 -
React 组件通讯
组件状态是独立的,组件化之后涉及状态同步,需要进行组件通讯。原创 2023-06-12 11:44:56 · 56 阅读 · 0 评论 -
react引入css方式
Sass(Syntactically Awesome Stylesheets)是一个 CSS 预处理器,是 CSS扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。什么是Sass:Sass是一个CSS预处理器,是CSS扩展语言,可以帮助我们减少CSS重复代码,节省开发时间。styled-components:目前github上有17k多的stat。aphrodite:目前github上有4k的star。radium:目前github上有6k的star。通过上面四种样式的引入,可以看到。原创 2023-05-19 20:37:50 · 1419 阅读 · 0 评论 -
React事件机制
合成事件是React模拟原生DOM事件所有能力的一个事件对象,即浏览器原生事件的跨浏览器包装器根据W3C规范来定义合成事件,兼容所有浏览器,拥有与浏览器原生事件相同的接口。React基于浏览器的事件机制自身实现了一套事件机制,包括事件组测、事件的合成、事件冒泡事件派发等。在React中这套事件机制被称为合成事件。原创 2023-05-17 07:47:34 · 144 阅读 · 1 评论 -
React中类组件和函数组件的理解?有什么区别
函数组件,顾名思义,就是通过函数编写的形式去实现一个。如果想要访问父组件传递过来的参数,可通过。中定义组件最简单的方式函数第一个参数为。类的编写形式去编写组件,该类必须继承。类组件,顾名思义,也就是通过使用。用于接收父组件传递过来的参数。原创 2023-05-17 08:16:24 · 823 阅读 · 0 评论 -
对受控组件和非受控组件的理解?应用场景?
受控组件,简单来讲,就是受我们控制的组件,组件的状态全程响应外部数据。一般情况是在初始化的时候接受外部数据,然后自己在内部存储其自身状态。大部分时候推荐使用受控组件来实现表单,因为在受控组件中,表单数据由。如果选择非受控组件的话,控制能力较弱,表单数据就由。非受控组件,简单来讲,就是不受我们控制的组件。本身处理,但更加方便快捷,代码量少。原创 2023-05-17 09:18:23 · 149 阅读 · 0 评论 -
React中的setState执行机制
一个组件的显示形态可以有数据状态和外部参数所决定,而数据状态就是state当需要修改里面值的状态需要通过调用setState来改变,从而达到更新组件内部数据的作用。setState有两个参数,第一个参数可以是一个对象,或者是一个函数,而第二个参数是一回调函数,用于实时的获取更新之后的数据。在setTimeout或者原生dom事件中,setState是同步。在组件生命周期或React合成事件中,setState是异步。原创 2023-05-17 09:15:07 · 183 阅读 · 0 评论 -
React 中JSX转换成真实DOM的过程。
React中的jsx语法会通过babel转化为js代码,以React.createElement函数形式存在,createElement函数返回一个ReactDOM.render函数,ReactElement函数返回一个虚拟节点,虚拟节点中嵌套虚拟节点,就形成了虚拟DOM,最后通过ReactDOM.render的方法转化为真实的DOM。当首字母为小写的时候,会被认为是原生DOM标签,那么createElement中的第一个参数就是一个字符串,表示标签的名称。如果是类组件,type就是类组件名。原创 2023-05-12 19:31:51 · 483 阅读 · 0 评论 -
什么是React,它有哪些特性。
React,用于构建用户界面的JavaScript库,只提供了UI层面的解决方案,遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效,使用虚拟DOM来有效的操作DOM,遵循从高阶组件到低阶组件的单项数据流,帮组我们将界面构成了各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,构成整体页面React类组件使用来一个名为render()方法或者函数组件return,接收输入的数据并返回需要展示的内容。单向响应的数据流会比双向绑定的更安全,速度更快。声明式的设计,简单使用。原创 2023-05-12 18:44:31 · 65 阅读 · 0 评论 -
React组件UI库
react vant - 轻量、可靠的移动端 React 组件库 (3lang.dev)原创 2023-04-26 16:50:18 · 927 阅读 · 0 评论