HOOKS

React 自定义 hooks实现自动上报页面浏览量｜点击事件

通过自定义hooks，来控制监听DOM元素，分清楚依赖关系exportconstLogContext=createContext({});exportconstuseLog=()=>{/*定义一些公共参数

一个00后前端开发·2025-02-18 17:01

Vue 3 Composition API进阶指南

组合多个Hooks在实际开发中，我们经常需要组合使用多个自定义的Hooks来实现复杂的功能。Vue3的Composi

前端学步·2025-02-18 16:55

Vue3 + Moveable + Selecto 拖拽组件 Demo

同时，封装了hooks以实现元素与数据之间的绑定，使得操作更加灵活和可维护。二、技术栈Vue3：用于构建用户界面的渐进式JavaScript框架。

巧克力力克巧！·2025-02-16 18:51

【React Hooks原理 - forwardRef、useImperativeHandle】

概述上文我们聊了useRef的使用和实现，主要两个用途：1、用于持久化保存2、用于绑定dom。但是有时候我们需要在父组件中访问子组件的dom或者属性/方法，而React中默认是不允许父组件直接访问子组件的dom的，这时候就可以通过forwardRef将ref传入子组件，并暴露子组件的dom给父组件使用，但是这种方式直接暴露了子组件的dom，处于安全性能考虑，我们希望子组件只暴露我们所希望的属性，由

宇豪学习录·2025-02-16 01:40

React Hooks forwardRef useImperativeHandle TypeScript类型最佳实践

定义官网文档forwardRef:转发refuseImperativeHandle:用于自定义暴露给父组件的实例值版本"react":"^17.0.2""@types/react":"^17.0.44"代码父组件import{FC,useEffect,useRef}from'react';//导入子组件importChildComponent,{IRefProps}from'./ChildComp

m0_67265464·2025-02-16 00:05

React Hooks 与 Vue Composition API 的区别

打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录1.设计哲学ReactHooksVueCompositionAPI2

阿珊和她的猫·2025-02-15 18:21

React的内部机制详解

我需要确保内容足够深入，覆盖React的核心机制，比如虚拟DOM、协调算法、Fiber架构、Hooks原理、事件系统等。

GISer_Jinger·2025-02-15 12:03

Hook

misc/article.php/c5667posted@2005-03-2811:07HuYi'sBlog阅读(29)|评论(0)|编辑收藏ProcessingGlobalMouseandKeyboardHooksinC

sanshao27·2025-02-15 11:26

大事件管理系统（vue3）compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)

后台数据管理系统-项目架构设计在线演示：https://fe-bigevent-web.itheima.net/login接口文档:https://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本

章小絮·2025-02-15 01:59

React中定义和使用函数式组件

从React16.8开始，函数式组件还可以利用Hooks来增加状态和其他React特性。

开发小途·2025-02-14 14:10

对React中类组件和函数组件的理解？有什么区别？

在React16.8引入了Hooks后，函数组件的功能大大增强，使得函数组件成为更加流行的选择。目录结构：React类组件和函数组件概述类组件（ClassComponent）详解2.1生命周期方法

疯狂的沙粒·2025-02-14 14:08

前端面试题

以下是一些前端较新的面试题：一、现代框架相关（以React为例）ReactHooks（如useState、useEffect）与传统类组件相比有什么优势？

·2025-02-14 00:27

跟着案例一次搞定React-Hooks

1.ReactHooks是什么ReactHooks是ReactV16.8版本新增的特性，即在不编写类组件的情况下使用state以及React的新特性。

Coder螺丝钉·2025-02-13 16:14

React Hooks

官方文档：https://zh-hans.react.dev/reference/react/hooks官方文档：https://zh-hans.legacy.reactjs.org/docs/hooks-intro.htmlRouter6

草木红·2025-02-13 15:37

React（7）

hooks封装自定义hook通用思路//1.声明一个以use打头的函数//2.在函数体内封装可复用的逻辑(只要是可复用的逻辑)//3.把组件中用到的状态或者回调return出去(以对象或者数组)//4.

一路向前的月光·2025-02-13 03:39

美团一二面&东方财富一面

1.请尽可能详细地说明，为什么Reacthooks不能写在条件和循环表达式中？你的回答中不要写出示例代码。

Redstone Monstrosity·2025-02-13 03:05

【React篇】useMemo和useCallback的区别

useMemo和useCallback是ReactHooks中的两个常用函数，它们主要用于优化性能。尽管它们有一些相似之处，但它们的用途和行为有所不同。

AI小美好·2025-02-12 01:32

详细解读 React useCallback & useMemo

前言阅读本文章需要对Reacthooks中useState和useEffect有基础的了解。我的这篇文章内有大致介绍在React项目中全量使用Hooks。

夏天的味道123·2025-02-12 01:30

React中的useMemo和useCallback：它们的区别及应用场景

：它们的区别及应用场景1.useMemo：用于缓存计算结果2.useCallback：用于缓存函数3.区别4.应用场景4.1useMemo的应用场景4.2useCallback的应用场景在React的HooksAPI

小新-alive·2025-02-12 01:59

vue基础（五）

Vue实例在创建、挂载、更新、销毁的过程中会触发一系列的生命周期钩子（LifecycleHooks），让开发者可以在不同阶段执行逻辑。

Goodbaibaibai·2025-02-11 18:40

【前端框架与库】「React 全面解析」：从 JSX 语法到高阶组件，深度剖析前端开发中的核心概念与最佳实践

SSR的基本流程：客户端水合：6.ReactHooks自定义Hook：7.数据更新机制8.组件设计模式高阶组件（HOC）9.组件性能优化10.高阶组件（HOC）高阶组件的用途：HOC

呀啊~~·2025-02-11 16:50

vue3.0 从入门到一往无前

isReactive4.toRef与toRefs三、组件通信四、路由vue-router五、状态管理store(pinia)安装创建定义及使用：六、生命周期七、内置组件TeleportSuspense八、Hooks

Ccfitch·2025-02-11 04:57

React 超级简单的tab栏切换（react hooks）

“热爱可抵岁月漫长”exportdefaultfunctionDemo(){//设置默认当前选中const[current,setcurrent]=useState(0);//点击tab栏切换事件constclickevent=useCallback((item,key)=>{setcurrent(key);});//选中的tab-content内容添加active类名constclassName

一碗甜汤·2025-02-08 16:40

React-Hooks常用示例

useRef不引起刷新useLayOutEffectuseMemouseCallBack不是每个函数都需要使用它总结useImperativeHandleuseDeferredValueReact项目中经常用的hooks

三寸日光呼·2025-02-08 16:08

React Hooks简述

Hooks本质上就是一类特殊的函数，它们可以为你的函数型组件（functioncomponent）注入一些特殊的功能。Hooks的目标就是让你不再写class，让function一统江湖。

赐你岁月如歌·2025-02-08 15:37

React 中常见的Hooks,安排！

爱学英语的程序媛·2025-02-08 15:05

Vue3 对比 React18—不只是技术选择

今天，我们就来聊聊Vue3和React18的设计理念和开发体验，重点对比一下CompositionAPI与ReactHooks的异同，以及响应式系统与虚拟DOM更新的效率差异。

偷光·2025-02-06 18:02

什么是Hooks规则？为什么要遵循这些规则？

什么是Hooks规则？为什么要遵循这些规则？在React16.8版本中，官方推出了一项非常重要的特性——Hooks。Hooks让开发者可以在不编写类的情况下使用状态和其他React特性。

JJCTO袁龙·2025-02-05 17:33

入门 Taro

React：React语法规范，可以让我们使用JSX和React相关的语法（包括Hooks）来开发小程序

My-Way.·2025-02-05 06:05

react18高阶组件

类组件之间常使用，函数组件中也可以使用，但更多的时候使用自定义hooks。高阶组件命名一般采用with开头，它可以将普通组件内部的公用功能抽离出来，复用在其被调用的组件上。

我谈山美，我说你媚·2025-02-03 00:28

React中useState()钩子和函数式组件底层渲染流程详解

首先，我知道useState是ReactHooks的一部分，用于在函数组件中添加状态。但底层是如何工作的呢？可能涉及到React的调度器、Fiber架构以及闭包等概念。

GISer_Jinger·2025-02-02 19:24

后台管理系统通用页面抽离=＞高阶组件+配置文件+hooks

目录结构配置文件和通用页面组件content.config.tsconstcontentConfig={pageName:"role",header:{title:"角色列表",btnText:"新建角色"},propsList:[{type:"selection",label:"选择",width:"80px"},{type:"index",label:"序号",width:"80px"},{t

秀秀_heo·2025-02-02 14:50

Vue - 自定义Hooks

在Vue3中，自定义Hooks是一个强大的功能，允许开发者封装和重用逻辑。在Vue中它们通常通过组合式API实现。通过自定义Hooks，可以将复杂的逻辑封装在一个函数中，便于在多个组件之间共享。

来一碗刘肉面·2025-02-01 01:37

生产环境WAS产生javacore、dmp、dump文件分析

Javadumpcontents）标题(TITLE)GP信息（GPINFO）环境信息（ENVINFO）本地内存信息（NATIVEMEMINFO）内存信息（MEMINFO）锁（LOCKS）线程（THREADS）钩子（HOOKS

bubble小拾·2025-01-31 22:45

将代码推到git上，如何忽略eslint校验

/git/hooks/pre-commit找到对应的pre-commit文件，直接删除，建议改名为”pre-commit000”备份。2、使用--no-verify跳过检查。

捂風鋔笶_小欣同學·2025-01-30 06:12

git commit 提交不了代码的解决方法

提交代码遇到这样的问题：gitcommit出现Nosuchfileordirectory找不到这样的文件和目录解决方法：进入项目的.git文件夹,点击进入hooks文件夹,删除pre-commit文件,

前端Hardy·2025-01-29 19:43

（React组件基础）前端八股文修炼Day6

随着React的发展，尤其是自Hooks在React16.8中引入以来，函数组件的功能变得更加强大，使得它们能够更加方便地与类组件相竞争。

筱语悠里·2025-01-28 19:09

.git/hooks/post-merge 文件的作用

.git/hooks/post-merge文件是Git版本控制系统中的一个钩子（hook）脚本，其作用是在合并（merge）操作完成后自动执行一些特定的操作。

暮雨疏桐·2025-01-28 09:25

React项目中不可或缺的7个自定义Hooks

React项目中不可或缺的7个自定义Hooks原文链接：https://dev.to/sovannaro/7-react-custom-hooks-i-cant-live-without-in-my-projects

·2025-01-28 02:48

清除redux数据（hooks写法）

清除redux数据的场景A页面初始化调用A接口，希望在当前页面生效，跳转页面不保存数据，但redux中已经存有历史数据，所以在页面销毁时清除redux数据。A页面请求A接口useEffect(()=>{initData();},[orderCode]);constinitData=async()=>{setLoading(true);constaction=awaitActions.getData

Sun_小杰杰哇·2025-01-24 23:50

基于 React hooks + Typescript + Cesium 实现通视分析

文章目录效果截图功能介绍实现思路实现步骤核心代码插值计算绘制分析线效果截图先上截图：功能介绍通视分析是指以某一点为观察点，研究某一区域通视情况的地形分析。用户在模型上选取任意两点之间是否可以互相可见的技术方法，主要用于判断任意两点之间能否通视；图层管理（√）dom点扩散（√）轨迹回放（√）测量（√）坐标拾取（√）加载模型数据，拾取三维模型（√）geoserver结合实现属性查询（√）geoserv

jiegiser#·2025-01-24 22:16

GitLab远程提交注释格式校验

更新推送校验hooks更新pre-commit服务器层校验，需要找到push操作触发的钩子pre-commit，例如文件位置：/gitlab/embedded/service/gitlab-shell/

endcy2016·2025-01-24 19:23

【React Hooks】=＞ useId()

相比较使用全局变量++作为唯一ID和直接使用useId是有区别的。官方解释如下：如果是将useId作为id的情况下，是如下的形式也就是说你使用了useId作为唯一ID那么在你删除数组某个元素之后不会导致某个ID被重复使用，如果使用的全局变量是会导致这个问题的。并且这个useId会跟着你组件的渲染进行，在你的HTML生成之后会自动匹配在之上。时小记，终有成。

九层嵌套 for 循环·2025-01-23 03:16

React18中各种Hooks用法总结（内附案例讲解）

React中各种Hooks用法总结内附案例讲解一、useStateuseState是一个ReactHook，它允许你向组件添加一个状态变量。

我叫汪枫·2025-01-23 03:15

react_hooks系列08_useId

useId是一个钩子，用于生成唯一的ID，在服务器和客户端之间是稳定的，同时避免hydration不匹配。类似于Symbol，也类似于uuid。注意：useId不是用来生成列表中的键的。Keys应该从你的数据中生成。对于一个基本的例子，直接将id传递给需要它的元素。对于同一组件中的多个ID，使用相同的ID附加一个后缀。如下例子，保证了元素id的唯一性。importReact,{useId,useS

田江·2025-01-23 02:06

react中hooks之useId用法总结以及与useRef用法区别

ReactuseIdHook使用指南概述useId是React18引入的新Hook，用于生成唯一的ID，主要用于可访问性（accessibility）属性。它在服务端和客户端渲染时都能保持一致性。useIdvsuseRefuseId:生成稳定的唯一标识符，主要用于HTML属性关联useRef:存储可变值的容器，主要用于保存引用和状态基本用法1.useId基础示例functionFormField(

傻小胖·2025-01-23 02:32

React框架详解：从入门到精通（详细版）

文章目录前言一、官方网站二、安装React使用CreateReactApp手动安装三、React核心概念1.组件化2.JSX3.虚拟DOM4.Props和State四、生命周期方法五、新特性介绍1.Hooks2

布兰妮甜·2025-01-22 17:53

React Hooks 基于 JS 闭包原理实现，但是闭包也会带来很多麻烦

文章开始之前希望大家支持一下我独立开发的微信小程序“头脑旋风”，或微信扫描我的头像进入，谢谢支持~文章目录1.JS中的闭包2.ReactHooks中的闭包3.过时的闭包4.修复过时闭包的问题5.Hook

头脑旋风·2025-01-21 06:31

矩阵碰一碰发视频之视频剪辑功能开发全解析，支持OEM

借助ReactHooks，可更便捷地管理组件状态与副作用。UI库：采用AntDesign

余~~18538162800·2025-01-19 11:14

Hooks扩展

Hooks，即钩子函数，用于在某些内核代码中插入一个占位。当执行到该位置时，执行自定义的功能代码，避免直接修改原始的内核代码。在内核外部，填充该函数的实现，不必修改空闲任务的代码。

daybydayby·2025-01-18 22:08

推荐频道