HOOKS

react hooks浅谈

一.useEffectuseEffect是hooks中的生命周期函数1.只要页面更新就触发回调：useEffect(()=>{//执行逻辑})2.只运行一次（组件挂载和卸载时执行），第二个参数传空数组[
程love·2023-12-20 16:14

Vue3自定义hooks

Hooks解决了什么虽然vue3文档没有直接提hooks，但经过我的一番学习后发现，发现大佬们都习惯性使用hooks，来降低代码的耦合度。
heiyay·2023-12-20 12:18

MFC 窗口创建过程与消息处理

目录钩子简介代码编写窗口创建过程分析消息处理钩子简介介绍几个钩子函数，因为它们与窗口创建工程有关安装钩子函数HHOOKSetWindowsHookExA([in]intidHook,[in]HOOKPROClpfn
貌美不及玲珑心，贤妻扶我青云志·2023-12-19 12:21

当谈论 React hook，我们究竟说的是什么？

这个标题很大，但是落点很小，只是我，一个开发者在学习和使用hooks中的一点感受和总结。Reacthook的由来Reacthook的由来，其实也可以看作是前端技术不断演进的结果。
273abf195ee7·2023-12-19 02:31

react自定义hooks-自动改变页面的title，Http请求hooks等..（持续更新）

自定义Hooks说明1.react的自定义Hooks必须使用use开头。2.需要使用index.js去装载。(如下图所示)，建立一个hooks目录，然后装载文件。
上班时间偷偷划水·2023-12-19 00:03

React.js之React Hooks使用

仅供个人学习使用，源码请见文章末尾1.ReactHooks简介ReactHooks就是用函数的形式代替原来的继承类的形式，并且使用预函数的形式管理state，有Hooks可以不再使用类的形式定义组件了。
仲尼叔叔·2023-12-19 00:37

React hooks useContext、useReducer结合使用实现数据状态共享

功能：点击Child1中的两个按钮，改变Child2、Child3的数据。目录：App.js:import'./App.css';importContextReducerfrom'./contextReducer/ContextReducer'functionApp(){return();}exportdefaultApp;ContextReducer.js（父组件）：importReact,{u
每一天，每一步·2023-12-19 00:36

使用react hooks 封装的圆形滚动组件

相关技术react,hooks,ts功能描述根据用户的触摸，对卡片进行一个圆形的旋转滚动。
web老猴子·2023-12-19 00:36

【react.js + hooks】useVirtualArea 渲染虚拟列表

useVirtualAreaHookuseVirtualArea是一个ReactHook，用于创建虚拟列表。虚拟列表是一种优化技术，用于在不影响性能的情况下显示大量数据。参数useVirtualArea接受一个对象和一个数组作为参数，该对象包含以下属性：loadMoreItems:一个函数，当需要加载更多数据时会被调用。items:当前的列表项。hasMore:一个布尔值，表示是否还有更多的数据可
Evanpatchouli℃·2023-12-19 00:06

React.js hooks 练习案例-网易云音乐【day4】

成果展示昨天又玩了一下，把播放歌曲功能做了，现在可以播放歌曲，导航条会跟随歌曲时间前进，也可以拖拽进度条跳到某个节点继续播放，虽然这样对普通开发没有打作用，但可以提高前端对js的控制能力和数据的处理能力。通过这个项目我也多多少少在开发上了点新的认识，希望你们一样。/*导入组件*/importReact,{memo,useState,useEffect,useRef,useCallback}from
爽朗01·2023-12-19 00:06

React+Hooks组件传参，子组件内定义的setState传递给父组件

在React中，将子组件中的状态更新函数setstate传递给父组件可以通过以下几种方式实现1.将函数作为prop传递：在父组件中定义一个函数，将其作为prop传递给子组件，子组件可以调用该函数来更新父组件的状态：//父组件importReact,{useState}from'react';importChildComponentfrom'./ChildComponent';functionPar
啃代码的瓜子脸·2023-12-19 00:05

【react.js + hooks】基于事件机制的跨组件数据共享

跨组件通信和数据共享不是一件容易的事，如果通过prop一层层传递，太繁琐，而且仅适用于从上到下的数据传递；建立一个全局的状态Store，每个数据可能两三个组件间需要使用，其他地方用不着，挂那么大个状态树也浪费了。当然了，有一些支持局部store的状态管理库，比如zustand，我们可以直接使用它来跨组件共享数据。不过本文将基于事件机制的原理带来一个新的协同方案。目标vue3中有provide和in
Evanpatchouli℃·2023-12-19 00:34

Vue3+hooks快速接入Lodop打印插件

文章目录前言一、下载并修改LodopFuncs.js1.1调整LodopFuncs.js代码，暴露getLodop二、自定义useLodophooks抽取共用的lodop逻辑CheckLodopIsOkgetPrinterArrprintLabelprintA4Paper
TE-茶叶蛋·2023-12-18 19:54

React Hooks解决了什么问题？

前言之前被面试官问到hooks解决了什么问题，当时就说了一部分，还是决定总结一下，毕竟临场发挥肯定会说不全。
heiyay·2023-12-18 16:46

企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
jeecg博客·2023-12-18 15:28

git 提交出错

missingChange-Idincommitmessagefooter解决方法1.执行gitdir=$(gitrev-parse--git-dir)2.执行[email protected]:hooks
azu_test·2023-12-18 13:56

ReactHooks大全—useState

ReactHooks是React16.8版本引入的一种新的编程范式，它可以让我们在不使用class的情况下，使用state和其他React特性，。
CreatorRay·2023-12-18 06:28

ReactHooks大全—useEffect

ReactHooks是一种在函数组件中使用状态和生命周期等特性的方法。useEffect是其中一个常用的Hook，它可以让你在组件渲染后执行一些副作用操作，比如发送网络请求、订阅事件、修改DOM等。
CreatorRay·2023-12-18 06:48

React Hooks 用法

刚学了一下ReactHooks的用法，就写篇博客记录一下。因为学得也比较浅，所以这篇博客只讲怎么用。useState普通用法就是用来管理组件的内部状态。
写代码的海怪·2023-12-18 04:51

桜川未央 - 隠した涙

アーティスト桜川未央HOOKSOFTVocalCollection“MyLittleStars”[Disc1]作詞藤本スミレ作曲松浦貴雄ねぇ神様お願い隠してこの恋透きとおった涙が指先こぼれるあの空に浮かぶ
zhujiangm·2023-12-18 01:48

React-Hooks

一、类组件和函数式组件的对比Hook的特性：在编写class的情况下，使用state以及其他React特性（比如生命周期）类组件相比于函数式组件的优势：类组件可以定义自己的state，用来保存组件自己内部的状态。函数式组件不可以，因为函数每次调用都会产生新的临时变量类组件有自己的生命周期，可以在对应的生命周期中完成自己的逻辑。比如在componentDidMount中发送网络请求，并且该声明周期函
nknmn_·2023-12-17 18:15

iptables介绍

下图展示了各个协议栈以及iptables中规则的应用情况image.pngimage.pngnetfilterhooksnetfilter提供了5个hook点。
leeliang·2023-12-17 15:32

Gerrit 提交报错missing Change-Id in message footer

直接执行提示的命令：gitdir=$(gitrev-parse--git-dir);[email protected]:hooks/commit-msg${gitdir
李永吉·2023-12-17 14:21

react函数组件中Hooks和ahooks的区别

Hooks是React16.8引入的一种新特性，它可以让我们在函数组件中使用状态和其他React特性。
一只小可乐吖·2023-12-16 21:05

React Hooks学习指北

一、前言在当今的前端开发环境中，越来越多的开发者认可了Hooks的强大能力，并纷纷加入到Hooks的使用大军中：2019年2月，React正式发布v16.8版本，引入Hooks能力（最新的v18中，还新增了
piter苏·2023-12-16 16:49

uniapp自定义导航栏方法

或者在项目根目录下的manifest.json文件中的plus>hooks>app-plus节点中添加"uni-navbar":{}。
m0_黎明·2023-12-16 09:24

jenkins-Generic Webhook Trigger指定分支构建

文章目录1需求分析1.1关键词:2、webhooks是什么？
TE-茶叶蛋·2023-12-16 07:38

react-hooks

三分钟看完react-hooks背景useState类组件函数组件多状态声明useEffect类组件中componentDidMount和componentDidUpdateuseEffect模拟类组件中
努力做一只合格的前端攻城狮·2023-12-16 03:08

React-hooks

1hooks使命#逻辑组件复用逻辑与UI组件分离React官方推荐在开发中将逻辑部分与视图部分结耦，便于定位问题和职责清晰函数组件拥有state在函数组件中如果要实现类似拥有state的状态，必须要将组件转成
是程序喵呀·2023-12-16 03:04

第十章 React之使用CSS、Sass

我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章！
Etc.End·2023-12-15 21:56

子组件调用父组件的方法

在React中使用函数组件（也称为无状态组件）和Hooks时，你可以通过以下方式让子组件调用父组件的方法：1.使用回调函数（CallbackFunction）这是最常见的方法。
每天吃饭的羊·2023-12-15 19:22

React Hooks学习指北

一、前言在当今的前端开发环境中，越来越多的开发者认可了Hooks的强大能力，并纷纷加入到Hooks的使用大军中：2019年2月，React正式发布v16.8版本，引入Hooks能力（最新的v18中，还新增了
大转转FE·2023-12-15 15:27

Git Hooks + Husky

前言目前能查到的资料主要还是介绍的4.x的Husky，目前最新的版本是6.x这两个版本在使用上还有一些区别的，比如4.x会有配置package.json的操作，6.x中可以不修改这个文件首先的话github上创建个项目克隆完项目后进入项目的根目录第一步npminit-y先创建一个package.json文件，至于json文件中的内容本篇中就不需要再修改什么了根据文档中的安装Husky，直接选择Au
秦淮捌艳·2023-12-15 14:10

react Hooks（useEffect）实现原理 - 简单理解

useEffect源码简单理解一、mountEffect和upadateEffectuseEffect与其它hooks一样分为mountEffect和upadateEffect两个阶段第一次执行mountEffect
码农小菲·2023-12-15 12:34

react Hooks（useRef、useMemo、useCallback）实现原理

Fiber上篇文章fiber简单理解记录了reactfiber架构，Hooks是基于fiber链表来实现的。阅读以下内容时建议先了解reactfiber。
码农小菲·2023-12-15 12:47

第十一章 React 封装自定义组件

我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章！
Etc.End·2023-12-15 11:20

第十五章 React使用UI（Ant Design）框架

我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章！
Etc.End·2023-12-15 11:20

ionic build android --release 报错

Noresourceidentifierfoundforattribute'appComponentFactory'inpackage'android'报错内容Runningcommand:D:\LI\ionic\nodejs\node.exeD:\index\lc\JH-ship-1\hooks
my木子·2023-12-15 09:50

Next.js ts redux/toolkit状态管理

目录介绍安装依赖初始化store1、在src下创建store文件夹，2、创建最简单的slice切片3、创建入口文件index.ts4、创建hooks.ts在_app.tsx中注入storetsx中使用storepayloadcreateAsyncThunk
SuppperSA·2023-12-15 07:16

【React】使用react hooks实现评论示例

实现功能1、渲染评论列表2、删除评论3、渲染导航栏和高亮4、评论列表排序功能5、获取评论6、点击发布按钮发布评论7、清空输入框8、重新聚焦实现代码1、需要引入importReact,{useRef,useState}from'react'importavatarfrom"../logo.png"//头像import"./css/index.css"//样式2、样式----[./css/index.
哇，女前端哎！·2023-12-15 04:37

reactHooks之useContext

1、作用：用于在函数组件中获取和使用上下文（Context）。2、说明：上下文是React中用于在组件树中共享数据的一种机制。通过创建上下文对象，你可以将数据传递给整个组件树中的多个组件，而不需要一级一级地手动传递。要使用useContext，首先你需要创建一个上下文对象。可以使用React.createContext方法来创建一个上下文对象，并指定默认值。3、示例：importReact,{cr
秃头的小毛驴·2023-12-14 21:10

190111 React Hooks学习记录

之前虽然看了一些文章和视频，但一直没有深入研究ReactHooks。关键原因还是没有动手去做。今天在实际编程中学习了以下几个hooks，先在此简单记录，后面再详细写文章。
Kernholz·2023-12-14 21:31

第十四章 React之Redux状态管理库

我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章！
Etc.End·2023-12-14 19:14

第十二章 React 路由配置，路由参数获取

我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章！
Etc.End·2023-12-14 19:14

第十三章 React 封装 Axios 并做防重复提交 同一接口 [请求未返回结果、2秒内禁止重复提交]（超详细）

我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章！
Etc.End·2023-12-14 19:14

第八章 React Hooks之useImperativeHandle、forwardRef 父子组件通信

我们将从搭建React项目开始，逐步深入讲解最核心的hooks，以及React路由、请求、组件封装以及UI（AntDesign）框架的使用。让我们一起掌握React，开启前端开发的全新篇章。
Etc.End·2023-12-14 19:02

react hooks之useRef和useImperativeHandle

为什么这两个一起写，是因为这两个关联性很大，逐一介绍。一：useRef1、作用：用于在函数组件中创建一个持久化的引用变量。这个引用变量可以在组件的多次渲染之间保持不变，并且可以访问和修改DOM元素或其他组件实例的实例变量。2、示例importReact,{useState,useRef}from'react';functionTextInput(){const[value,setValue]=us
秃头的小毛驴·2023-12-14 15:38

react Hooks之useLayoutEffect和useInsertionEffect

在介绍这两个hooks之前。让我们先对比一下useEffect、useLayoutEffect、useInsertionEffect执行时机：useEffect在组件渲染完成后执行，属于异步执行。
秃头的小毛驴·2023-12-14 15:38

react Hooks之useMemo、useCallback

一、useMemo1、作用：用于对值的计算进行缓存，以避免重复计算。它可以帮助优化性能，特别是在处理昂贵的计算操作时非常有用。如何可以对比的话，我猜应该和vue中的计算属性差不多吧。2、用法：在使用useMemo时，你需要传入一个计算函数和一个依赖项数组作为参数。useMemo会返回计算函数的结果，并且只有当依赖项发生变化时才会重新计算值，否则将返回上一次缓存的值。3、示例：import{useM
秃头的小毛驴·2023-12-14 15:38

reactHooks之useDeferredValue

React18中推出的一个新的Hook1、作用：在交互式用户界面中，有时候用户的操作会触发大量的状态更新，这可能会导致界面卡顿或不流畅。useDeferredValue可以帮助我们解决这个问题。用于在某些情况下延迟更新状态，以提高性能和用户体验。2、原因：当使用useDeferredValue包裹某个状态值时，React会将对该状态值的更新操作进行延迟。这意味着，如果这个状态值在短时间内多次变化，
秃头的小毛驴·2023-12-14 14:40
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他