E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
ReactHooks
详解React hooks组件通信方法
目录一、前言二、父子组件通信1)父组件传值给子组件2)子组件传值给父组件3)跨组件传值(父传孙子组件)一、前言组件通信是React中的一个重要的知识点,下面列举一下
reacthooks
中常用的父子、跨组件通信的方法二
·
2022-08-08 15:15
前端常考react相关面试题(一)
需要使用状态操作组件的(无状态组件的也可以实现新版本
reacthooks
也可实现)总结:类组件可以
·
2022-08-05 08:08
前端javascript
Electron+React进行通信的方法
目录1.前言:2.一些理解:3.数据交互4.前后端交互5.一些代码举例:1.前言:Electron是使用JavaScript,HTML和CSS构建跨平台的桌面应用程序项目的技术栈为:Electron+
ReactHooks
·
2022-08-04 18:04
react高频面试题总结(一)
ReactHooks
的限制主要有两条:不要在循环、条件或嵌套函数中调用Hook;在React的函数组件中调用Hook。那为什么会有这样的限制呢?Hooks的设计初衷是为了改进React组件的开发模式。
·
2022-08-02 11:37
react.js
实战+源码 带你快速掌握React Hooks
ReactHooks
大纲函数式编程什么是纯函数什么是副作用(Effect)为什么要使用纯函数React函数组件和类组件的区别为什么会出现
ReactHooks
前言-React组件设计理论-什么是Hooks
这个前端不太冷
·
2022-08-01 10:00
【前端趋势】Vue、Vite作者尤雨溪前端趋势2022主题演讲
目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏博客主页codeMak1r.的博客最新专栏【React–从基础到实战】本文目录一、开发范式&底层框架
ReactHooks
codeMak1r.小新
·
2022-07-24 11:53
【前端基础】--克莱因
前端
vue.js
javascript
useEffect支持async及await使用方式
总结与思考引言本文是深入浅出ahooks源码系列文章的第六篇,这个系列的目标主要有以下几点:加深对
Reacthooks
的理解。学习如何抽象自定义hooks。构建属于自己的
Reacthooks
工具库。
·
2022-07-18 10:13
React前端DOM常见Hook封装示例上
useEventListeneruseClickAwayuseEventTargetuseTitleuseFavicon引言本文是深入浅出ahooks源码系列文章的第十四篇,这个系列的目标主要有以下几点:加深对
Reacthooks
·
2022-07-18 09:33
React中useEffect的简单使用
React在v16.8的版本中推出了
ReactHooks
新特性。以前我们更改数据都
南风晚来晚相识
·
2022-07-17 22:00
[2022-07-08]记录一次taro2的父组件调用子组件方法的问题
如题..最近要把一个项目的首页改成公司小程序原生化.小程序使用taro2框架来搭建的.需要一些学习成本再重构的过程页面用hooks编写很正常的遇到了父组件调用子组件方法的问题随后又很正常的按照
reacthooks
kangaroo_v
·
2022-07-13 09:57
ahooks封装cookie localStorage sessionStorage方法
目录引言cookielocalStorage/sessionStorage总结与归纳引言本文是深入浅出ahooks源码系列文章的第九篇,这个系列的目标主要有以下几点:加深对
Reacthooks
的理解。
·
2022-07-12 18:05
定时器在页面最小化时不执行实现示例
useRafInterval和useRafTimeoutsetRafIntervalclearRafInterval思考与总结引言本文是深入浅出ahooks源码系列文章的第七篇,这个系列的目标主要有以下几点:加深对
Reacthooks
·
2022-07-12 18:27
react hooks闭包陷阱切入浅谈
同时,在许多
reacthooks
奇技淫巧的文章里,也能看到
·
2022-07-11 16:20
ahooks解决用户多次提交方法示例
目录引言场景useLockFn缺点axios自动取消重复请求axios取消请求如何自动取消重复的请求思考与总结引言本文是深入浅出ahooks源码系列文章的第四篇,这个系列的目标主要有以下几点:加深对
Reacthooks
·
2022-07-11 16:49
列表页常见hook封装实例
目录引言列表页常见元素usePaginationuseAntdTable引言本文是深入浅出ahooks源码系列文章,这个系列的目标主要有以下几点:加深对
Reacthooks
的理解。
·
2022-07-11 16:15
JavaScript中ahooks 处理 DOM 的方法
目录前言DOM类Hooks使用规范getTargetElementuseEffectWithTarget思考与总结前言目标主要有以下几点:加深对
Reacthooks
的理解。
·
2022-07-11 14:36
ahooks解决React闭包问题方法示例
本文是深入浅出ahooks源码系列文章的第三篇,这个系列的目标主要有以下几点:加深对
Reacthooks
的理解。学习如何抽象自定义hooks。构建属于自己的
Reacthooks
工具库。
·
2022-07-11 12:00
ahooks正式发布React Hooks工具库
目录起因解法共建项目目标品牌升级社区开源API规范示例演示开发迭代下一步起因从
ReactHooks
正式发布到现在,越来越多的项目正在使用FunctionComponent替代ClassComponent
·
2022-07-11 12:00
ahooks整体架构及React工具库源码解读
Reacthooksutils库ahooks简介特点hooks种类ahooks整体架构项目启动整体结构hooks总结引言本文是深入浅出ahooks源码系列文章的第一篇,这个系列的目标主要有以下几点:加深对
Reacthooks
·
2022-07-11 12:52
React useEffect异步操作常见问题小结
目录三个常见的问题:一、
reacthooks
发异步请求二、如何在组件加载的时候发起异步任务三、如果在响应回来之前组件被销毁了会怎样?四、如何在组件交互时发起异步任务为什么两种写法会有差异呢?
·
2022-07-07 12:28
React Hooks
ReactHooks
是Reactv16.8中新添加的特性,这个特性主要是对函数型组件的功能进行增强,让函数型组件可以做类组件做的事情。
·
2022-07-05 14:53
前端react.jsnpm
如何使用插件化机制优雅的封装你的请求hook
本文是深入浅出ahooks源码系列文章的第二篇,这个系列的目标主要有以下几点:加深对
Reacthooks
的理解。学习如何抽象自定义hooks。构建属于自己的
Reacthooks
工具库。
·
2022-06-30 10:41
前端react.js源码
大家都能看得懂的源码(一)ahooks 整体架构篇
本文是深入浅出ahooks源码系列文章的第一篇,这个系列的目标主要有以下几点:加深对
Reacthooks
的理解。学习如何抽象自定义hooks。构建属于自己的
Reacthooks
工具库。
·
2022-06-26 20:56
Lottie动画前端开发使用技巧
二、Lottie介绍三、Lottie常见属性和方法四、封装Lottie-
ReactHooks
版五、Lottie组件的引入与调用结语一、为什么会有Lottie动画呢?
·
2022-06-22 13:06
composition api和react hooks的对比
一.我的走位:保持中立1.各有各的好处,谁也别说谁2.一个东西带来了好处,相应的副作用肯定也有,人无完人二.vue3的compositionapi和
reacthooks
的对比1.compositionapi
大熊丨rapper
·
2022-06-16 14:00
Building Vue3 + Typescript + without cli 最佳实践
随着Vue3正式版的到来,带来了一些新的特性:CompositionAPI:这是一个从
reacthooks
上受启发的组件Portals:可以在vue当前组件外渲染dom节点Fragments:允许有多个
halapro_liu
·
2022-06-13 20:41
ReactHooks
+ts(函数组件)实现原生轮播的示例
目录1.下载依赖(第一个是js依赖,第二个是ts依赖)2.创建tsx文件3.创建less文件1.下载依赖(第一个是js依赖,第二个是ts依赖)npminstallsmoothscroll-polyfill--savenpmi--save-dev@types/smoothscroll-polyfill2.创建tsx文件importReact,{useRef,useState,useEffect}fr
·
2022-05-30 20:02
CodeMirror实现代码对比功能(插件react vue)
目录1.第一步:下载插件2.vue代码如下:3.
reacthooks
代码如下:4.一点心得要实现一个需求:一个代码编辑器,用户上次写的代码和现在的代码要区分出不同。
·
2022-05-11 11:07
几种常用的自定义hooks
自React16.8之后,推荐使用函数式组件Hooks相关知识点参考:
ReactHooks
完全上手指南以下记录一些项目中经常用到的自定义hooksuseAsync:异步接口请求import{useState
喵巨人
·
2022-05-10 09:47
手写useState与useEffect
手写useState与useEffectuseState与useEffect是驱动
Reacthooks
运行的基础,useState用于管理状态,useEffect用以处理副作用,通过手写简单的useState
WindrunnerMax
·
2022-04-30 20:00
浅谈React 中的浅比较是如何工作的
比如,
ReactHooks
中的依赖数组,通过React.memo进行记忆。在React的官方文档中也多次提到“浅比较”这个概念,下面我们就来看看React中的浅比较是如何工作的!
·
2022-04-26 17:12
大话React18,从Fiber到Concurrent Mode
写在前面距离上次有存在感的React更新(v16.8)已经过去三年多了,那个时候
ReactHooks
也成为了风靡一时的知识,直到现在,几乎以及完全替代了传统的类组件,期间React又更新了v17版本,但
喜剧之王爱创作
·
2022-04-23 00:48
ReactHooks
+Antd Checkbox Group多选框组单独禁用其中选项
antd官方文档中CheckboxGroup给出的api如下:据图可知,其中Group的api只有一个disabled,它的作用是使整个group选项全部失效,达不到我们的效果,但是Checkbox中却有apidisabled可以使选项单独失效。所以,可以Checkbox和CheckboxGroup结合使用,实现方式如下:具体需求举例:当select==='yinpin'时,只存在yinpin时,
你脸上有BUG
·
2022-04-10 21:23
react
前端
react
hooks
checkbox
多选框组
禁用
极客Java进阶训练营完结
极客Java进阶训练营完结超清原画完整无密包括所有视频课件以及源码点击下崽:网盘链接入门
ReactHooks
及其常用的几个钩子函数写在前面
ReactHooks
是React团队在两年前的16.8版本推出的一套全新的机制
·
2022-04-06 12:00
java
从Java到全栈,开发带SKU的真实企业级电商项目(附赠整套UI框架,配套升级Vue3.0内容)
从Java到全栈,开发带SKU的真实企业级电商项目(附赠整套UI框架,配套升级Vue3.0内容)超清原画完整无密包括所有视频课件以及源码点击下崽:网盘链接入门
ReactHooks
及其常用的几个钩子函数写在前面
·
2022-04-06 12:50
java
大厂九章算法班 2021版
大厂九章算法班2021版超清原画完整无密包括所有视频课件以及源码点击下崽:网盘链接入门
ReactHooks
及其常用的几个钩子函数写在前面
ReactHooks
是React团队在两年前的16.8版本推出的一套全新的机制
·
2022-04-06 12:40
算法
用纯react Hooks来编写一个todolist案例(一)
最近看到网上很多todolist的案例都是类组件的,发现这样对
ReactHooks
的初学者来说很不友好。遂编写此文章。
·
2022-03-28 23:50
通过vue学习react(四) - watch,computed,slot等功能
这些功能都比较简单些,通过
reacthooks
和reactclass都进行了实现喜欢就点赞呗react实现watchreacthook实现watchfunctionuseWatch(deps:T,handler
·
2022-03-28 13:32
React Router v6 探索
前言没事翻了翻ReactRouter的文档,发现已推到了v6.2.2版本,这个版本做了很大的改动,让我们一起看看吧为什么推出v6推出v6的最大原因是
ReactHooks
的出现v6写的代码要比v5代码更加紧凑和优雅我们通过代码来感受下
·
2022-03-28 10:19
React Router v6 探索
前言没事翻了翻ReactRouter的文档,发现已推到了v6.2.2版本,这个版本做了很大的改动,让我们一起看看吧为什么推出v6推出v6的最大原因是
ReactHooks
的出现v6写的代码要比v5代码更加紧凑和优雅我们通过代码来感受下
·
2022-03-28 01:33
关于看到云游君大佬空调页面有感而发
帮我完美的练习了部分
reactHooks
的用法,但是音频部分还没完成,待我改天完成以后发布到我的个人博客上。这是1.0版本的地址:https://hanzhenfang.vercel.app/
·
2022-03-24 23:53
用Hook替代Class编写React组件的原因
深入浅出讲解为啥你应该使用
reacthooks
函数式组件与类组件有何不同?一句话概括这篇文章:函数组件会捕获render内部的状态,这是两类组件最大的不同useEffect完整指南Rea
虚拟J
·
2022-03-24 15:08
react hooks 父子传值
reacthooks
父子传值父传子在父组件中用useState声明数据const[data,setData]=useState(false)把数据传递给子组件子组件接收exportdefaultfunction
大头--
·
2022-03-24 00:06
react
hooks
值传递
你不知道的 React Hooks 那些糟心事
时至2022年年初,
ReactHooks
已在React生态中大放异彩,席卷了几乎所有的React应用。
React 中文社区
·
2022-03-24 00:50
java
react
callback
cakephp
power
vue与react详细
、vue:传奇三、技术思想1、key的异同为例1.1react1.2vue2、diff的宏观比较2.1react2.2vue3、生命周期3.1react生命周期3.2vue生命周期4、函数式编程4.1
reacthooks
4.2vue3
·
2022-03-21 17:37
为何要使用React Hooks?
在了解
ReactHooks
之前,我们必须先知道React的函数组件性质以及的函数组件为什么要用Hooks。
大头的反击
·
2022-03-18 10:16
react hooks 本质探索 - useMemo、useEffect源码解析
useRef和useCallback感觉是最容易理解的两个原生use了:
reacthooks
本质探索-useRef源码详解
reacthooks
本质探索-useCallback源码解析因为之后要说的,都涉及
·
2022-03-12 13:46
react hooks源码核心:workInProgressHook函数
reacthooks
的更新核心,其实是一个链表的钩子。
·
2022-03-12 13:15
项目框架vue2.x版本升级到vue3.0版本
放弃Object.defineProperty,使用更快的原生Proxydiff算法优化使性能比vue2.x快1.2~2倍组合/CompositionAPI(类似于
ReactHooks
)模板可以有多个根元素按需编译
绘梦_
·
2022-03-10 15:40
React中的Refs属性你来了解吗
目录1介绍2使用方法2.1createRef(版本>=React16.3)2.2回调Refs2.3String类型的Refs(已过时,不推荐使用)2.4useRef(
ReactHooks
)总结1介绍react
·
2022-03-09 17:57
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他