Hooks

P11：利用marked+highlight.js重构前台文章详细页面

ReactHooks+Laravel前端博客实战阐述安装marked和highlight.js重构`detailed.js`文件增加Code的高亮显示CSS样式的更换MySQL数据阐述之前我们在博客文章详细页使用了

知其黑、受其白·2025-03-11 05:00

React - Hooks - useState

useState是React中的一个Hook，用于在函数组件中添加状态。它允许在组件中管理局部状态，并在状态更新时触发组件重新渲染。基本语法//useState是一个函数，通常以如下方式导入使用importReact,{useState}from'react';//useState返回一个包含两个元素的数组const[state,setState]=useState(initialState);/

来一碗刘肉面·2025-03-08 12:54

从 React 看前端 UI 代码范式革命

前言本来打算写的主题是“我为什么讨厌ReactHooksAPI“，展开聊聊“小甜甜”是如何变成“牛夫人”的，没想到越写越严肃：）React是两次前端范式革命的引领者，至今仍有繁荣的社区和旺盛的创造力；React

哔哩哔哩技术·2025-03-08 05:26

vue3与react、 react hooks

一、Vue3新特性：setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive

caihuayuan5·2025-03-07 05:23

React 19 即将迎来大更新！

新的Hooks包括：useuse

程序员白特·2025-03-06 11:41

vue3封装Hooks 实现图片懒加载（保姆级教程）

一、背景在现代Web开发领域，图片懒加载的重要性不容小觑。首先，它对页面加载速度有着极大提升作用。当页面包含大量图片时，若不采用懒加载，所有图片会在页面初始化时一同请求加载，这会导致加载时间过长。而懒加载仅在图片进入浏览器可视区域时才触发加载，大大减少了初始加载的数据量，使关键资源（如HTML、CSS等）能优先高效加载，让用户更快看到页面布局并进行交互。其次，能有效节省用户流量。对于移动用户或流量

carryforever·2025-03-05 21:14

React Hooks 完全指南：从入门到精通

一、Hooks的革命性意义1.1为什么需要Hooks？

斯~内克·2025-03-05 15:26

React进阶之前端业务Hooks库（三）

前端业务Hooks库hooks方法localStorage和sessionStorager区别packages/hooks/src/useLocalStorageStatepackages/hooks/

VillanelleS·2025-03-05 11:46

React进阶之前端业务Hooks库（四）

前端业务Hooks库其他功能的hook针对domuseClickAwayuseDocumentVisibilityuseEventListeneruseMutationObserveruseResponsive

VillanelleS·2025-03-05 11:46

利用React 自定义Hooks实现业务逻辑复用实例

首先我们定义需要的states://PostsAndTodos.jsconst[posts,setPosts]=useState([]);const[isPostsLoading,setIsPostsLoading]=useState();const[todos,setTodos]=useState([]);const[isTodosLoading,setIsTodosLoading]=useSt

2401_84152092·2025-03-05 10:09

React进阶之前端业务Hooks库（六）

前端业务Hooks库请求useRequest题外：主流大厂编码规范的要求：目录详解useRequest.tsuseRequestImplement.tsFetch.ts插件的实现src/useRetryPlugin.tssrc

VillanelleS·2025-03-05 10:37

Linux系统中的“钩子”

一、系统服务管理类钩子systemdUnitHookssystemd通过服务单元（Unit）的配置文件，允许在服务启动、停止等生命周期事件中插入脚本。

LuckyLay·2025-03-04 16:51

Tauri+React跨平台开发全场景问题解析

相较于传统跨平台方案具有三大突破：轻量化：安装包体积缩小至Electron的3%（{invoke('load_data').then(setData);},[]);return{data};}特点：ReactHooks

i建模·2025-03-04 11:04

Python测试框架pytest核心库pluggy详解

代码案例12345678910111213141516171819202122232425262728293031323334353637383940414243444546importpluggy#HookspecMarker

美团程序员·2025-03-04 07:40

flutter 局部状态和全局状态区别_Flutter 中文文档：简单的应用状态管理

如果你是Flutter的初学者，而且也没有很重要的理由必须选择别的方式来实现(Redux、Rx、hooks等等)，那么这就是你应该入门使用的。provider非常好理解而且不需要写很多代码。它也会用

weixin_39710106·2025-03-04 02:32

React组件化深度解析（二）：从受控组件到生命周期现代化

：灵魂三问核心差异对比表选型决策树二、复合组件模式：隐式状态共享的艺术1.CompoundComponents设计模式实现原理四部曲2.手写可配置的Accordion组件三、生命周期现代化：从类组件到Hooks

咔咔库奇·2025-03-04 00:49

使用React Hooks有什么优势

随着React16.8版本的发布，ReactHooks作为一项革命性的新特性，彻底改变了我们构建和管理React应用状态的方式。

zhangwenok·2025-03-03 09:20

React进阶之前端业务Hooks库（五）

前端业务Hooks库Hooks原理useStateuseEffect上述问题useState,useEffect复用的能力练习：怎样实现一套React过程中的hooks状态&副作用Hooks原理不能在循环中

VillanelleS·2025-02-28 07:27

net_device_ops

/* *Thisstructuredefinesthemanagementhooksfornetworkdevices.

星空探索·2025-02-28 03:54

Vue 3 生命周期函数详解

理解Vue3的生命周期函数（LifecycleHooks）对于开发高效的Vue应用至关重要。本文将详细介绍Vue3的生命周期钩子、每个阶段的作用及其代码示例，帮助读者更好地掌握这一重要概念。

licy__·2025-02-27 07:37

请解释 React 中的 Hooks，何时使用 Hooks 更合适？

一、Hooks核心理解1.什么是Hooks？Hooks是React16.8引入的函数式编程范式，允许在函数组件中使用状态管理和生命周期能力。

程序员黄同学·2025-02-26 22:59

React 进阶阶段学习计划

React进阶阶段学习计划目标掌握自定义Hooks的创建和使用。深入理解上下文（Context）和Redux的高级用法。学会服务端渲染（SSR）。深入探讨性能优化技巧。

夜游猿·2025-02-26 17:24

React 源码揭秘｜ hooks原理

上篇我们说了updateQueue的实现原理，这篇我们说一下hooks，fiberHooks实现可以在react-reconciler/fiberHooks.ts找到。

小刘不知道叫啥·2025-02-26 06:33

为什么React Hooks需要顺序调用

在享受ReactHooks带来的便捷性的同时，我们必须严格遵循顺序调用的规则，这一规则的重要性远超我们的想象。

银之夏雪丶·2025-02-26 00:54

使用 ahooks 解决 React 的闭包问题

幸运的是，ahooks是一个优秀的解决方案，它可以帮助我们解决React中的闭包问题。ahooks是一个基于ReactHooks的库，它提供

SvqiAnaconda·2025-02-25 02:45

使用 Ahooks 解决 React 的闭包问题

闭包问题主要出现在使用Hooks的函数组件中，由于JavaScript语言特性，函数组件内部的闭包会导致一些意外的行为和错误。为了解决这个问题，可以使用Ahooks库提供的解决方案。

ZdqDeveloper·2025-02-25 02:45

React 探秘(四)：手撸 mini-react

文章目录背景实现能力手撸开始demo流程拆解实现render函数构建fiber树处理工作单元实现createfiber加入difffiber的逻辑commit阶段hooks实现源码地址参考文章背景前文中学习了

家里有蜘蛛·2025-02-24 09:43

自定义 Hooks 如何提升 React 组件的灵活性

本周开发监控项目，我发现了很多的React类组件封装，发现出现了多次UI渲染的情况、代码辨识度也较差，对性能和维护都产生了挑战。这里多个场景的都是状态管理和逻辑复用需求，其实完全没有必要封装类组件。相反我通过引入React自定义Hook，通过逻辑抽离的方式，不仅有效地找到了解决办法，也提高了代码复用性。背景通常情况下，我们习惯将业务逻辑和UI一起封装到组件中，然而随着项目需求的增加，某些复杂的状态

SailingCoder·2025-02-24 04:07

阿里云部署Django项目（超详细图文教程）—— Part3. Django settings修改、PostgreSQL配置

PostgreSQL配置前言：花了一个月的空闲时间，终于成功把Django网站部署到了阿里云ECS上，包含以下功能：不使用任何第三方工具，直接用网页连接阿里云ECS使用GIT进行源码控制和上传到服务器使用githooks

马志峰的编程笔记·2025-02-20 04:28

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

推荐频道