Hooks

React Hooks的useState、useRef使用

ReactHooks是React16.8版本引入的新特性，它允许你在不编写class的情况下使用state和其他React特性。其中，useState和useRef是两个常用的Hooks。
无妄的罪·2024-01-09 11:51

vue3 封裝一个常用固定按钮组件（添加、上传、下载、删除）

删除，其中删除按钮的颜色默认是灰色，当表格有数据选中时再变成红色实现组件代码import{Icon}from'@/components/Icon/index'import{useI18n}from'@/hooks
～Serendipity～·2024-01-09 11:50

Echarts 使用

文章目录一、安装1、npm2、从CDN获取二、使用2.1React项目中使用2.1.1使用ts+echarts+axios请求数据示例2.1.2基于2.1.1改造自定义hooks版本官方文档：文档链接一
guozhenshu·2024-01-09 04:01

Vue3 中使用 AudioWorklet 获取麦克风音量

于是从各种技术网站想找关于Vue3的示例项目想着借鉴一番，但是功夫不负有心人，没有找到Vue的示例，但是在github中找到了一个大佬用React开发的麦克风监测功能；于是在他代码基础上迁移适配了Vue3并封装成hooks
济宁、皮皮·2024-01-09 01:30

React Hooks 解析（下）：进阶

一、前言ReactHooks是从v16.8引入的又一开创性的新特性。第一次了解这项特性的时候，真的有一种豁然开朗，发现新大陆的感觉。我深深的为React团队天马行空的创造力和精益求精的钻研精神所折服。
不行了快拦住我·2024-01-09 00:05

React Hook 的底层实现原理

原文链接：https://medium.com/the-guild/under-the-hood-of-reacts-hooks-system-eb59638c9dba前言本文将会深入Reacthooks
zz_jesse·2024-01-08 20:36

去除前后空格withTrim的组件封装

在有些场景下，需要对一些input、textarea一些输入框组件进行去除前后空格的校验，通常情况下是直接在失焦的时候直接处理好，或者在一些保存数据的时候统一处理vue的写法v-model.trimreacthooks
lixh_man·2024-01-08 19:45

React Hooks之useState、useRef

ReactHooks是React16.8版本引入的新功能，它允许我们在函数组件中使用状态和其他React特性，而无需编写类组件。其中两个常用的ReactHooks是useState和useRef。
我爱学习yq·2024-01-08 11:34

【小沐学C++】C++ 实现鼠标键盘钩子HOOK

文章目录1、简介2、相关函数2.1SetWindowsHookEx2.2UnhookWindowsHookEx2.3CallNextHookEx3、相关结构体3.1KBDLLHOOKSTRUCT3.2MSLLHOOKSTRUCT4
爱看书的小沐·2024-01-08 07:39

都2022年了还不考虑来学React Hook吗？6k字带你从入门到吃透

ReactHooks是什么ReactHooks是ReactV16.8中推出的新特性，它可以让你在不编写class的情况下使用state以及其他的React特性。
Smoothzjc·2024-01-08 03:57

react--实现简易json编辑器

分析由于个人不太喜欢一切皆props的形式，故想要做到一些公共api既可以在内部调用又可以对外部暴漏，类组件使用高阶/装饰器,函数组件使用hooks，我这里使用方式二，对外提供useEditorjson
习惯水文的前端苏·2024-01-08 00:16

vite+vue3+ts项目搭建

创建项目npmcreatevite@latestpnpmcreatevite@latest安装less/sasspnpmi-Dsasspnpmi-Dless自动导入这两个插件使用之后不用手动导入vue里面的hooks
前端网格·2024-01-08 00:33

vue2 过渡到 vue3 指南

文章目录vue2基础过渡到vue3vue3的设计理念扁平化页面嵌套简化请求方式，全局状态管理（globalstatemanagers）hooksreact理念react-queryuseQueryuseMutationuseQueryClient
少年的小俊·2024-01-07 22:45

React Hooks中useState的介绍，并封装为useSetState函数的使用

useState允许我们定义状态变量，并确保当这些状态变量的值发生变化时，页面会重新渲染。useState返回值const[state,setState]=useState(initialState);useState返回一个长度为2的数组。通常，我们这样定义状态变量：const[key,setKey]=useState(0);但实际上，我们也可以这样写：constkeyArr=useState(
1024小神·2024-01-07 22:32

React面试题

React面试题什么是ReactHooks？它们的作用是什么？ReactHooks是一种函数式组件的新特性，可以让你在不编写类组件的情况下使用状态和其他React特性。
qq_42431718·2024-01-07 05:05

Vue3中hooks函数封装和使用

Vue3中hooks函数封装和使用hooks是什么hooks的优点自定义hook需要满足的规范示例hooks是什么vue3中的hooks就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来进行封装使用
*郑*·2024-01-07 03:25

pytest文档35-Hooks函数之统计测试结果(pytest_terminal_summary)

前言用例执行完成后，我们希望能获取到执行的结果，这样方便我们快速统计用例的执行情况。也可以把获取到的结果当成总结报告，发邮件的时候可以先统计测试结果，再加上html的报告。pytest_terminal_summary关于TerminalReporter类可以在_pytest.terminal中查看到from_pytestimportterminalpytest_terminal_summary(
上海-悠悠·2024-01-06 21:17

解决Element-Plus中el-switch的change方法自动触发问题

里使用el-switch方法代码是Vue3.0框架typeScript语法格式//该引入是全局封装getCurrentInstance()方法代码在下面importcomInstancefrom"@/hooks
大红袍不是绿茶.·2024-01-06 08:40

React学习笔记

React学习笔记，从类组件到函数式组件Hooks，再到Router6，零基础全套笔记01-React入门02-React组件与模块03-React事件处理&生命周期&Diffing算法04-React
风吟Pro·2024-01-05 18:09

07-项目打包 & React Hooks

项目打包项目打包是为了把整个项目都打包成最纯粹的js，让浏览器可以直接执行打包命令已经在package.json里面定义好了运行命令：npmrunbuild，执行时间取决于第三方插件的数量以及电脑配置打包完之后再build文件夹下，这个文件夹下都是静态资源文件，需要web服务器运行我们可以用serve来临时运行这个项目，看看好不好用这是运行打包命令后的提示，提示我们可以用serve运行项目尝试一下
风吟Pro·2024-01-05 18:06

React Hooks 最佳实践

❞写在前面在过去的几个月里，ReactHooks在我们的项目中得到了充分利用。在实际使用过程中，我发现ReactHooks除了带来简洁的代码外，也存在对其使用不当的情况。
前端瓶子君·2024-01-05 18:02

【开发记录】vue3封装一个echarts轮播动画hooks

vue3封装一个echarts轮播动画hooks，记录一下exportconstuseChartAnimation=(vChartRef:typeofVChart,option:any)=>{letisLoad
liyfn·2024-01-05 15:22

React Hooks之useState、useRef

文章目录ReactHooks之useStateReactHooksuseStatedemo：在函数式组件中使用useStateHook管理计数器demo：ant-design-pro中EditableProTable
西京刀客·2024-01-05 07:33

ReactNative Hooks写法抽离子view

constitemTop=(itemName:any,itemIcon:any)=>{return99{itemName}}constIItemTop=(info:any)=>{return99{info.itemName}}constHeadTop=()=>{return{/*{itemTop('In','menuIn')}*/}{itemTop('Received','menuReceived
it_remember·2024-01-05 06:32

【React系列】JSX核心语法和原理

__biz=Mzg5MDAzNzkwNA==&action=getalbum&album_id=1566025152667107329)一.ES6的class虽然目前React开发模式中更加流行hooks
川峰·2024-01-05 06:25

2018-05-24 记录一次git钩子出现的问题

1.首先根据gitflow建立了一个版本库（如果不知道如何建立请参考https://www.jianshu.com/p/c9101320a55e）2.然后在.git/hooks/建立post-receive
宇晨棒棒的·2024-01-05 02:38

React Hooks 教程之 useEffect&useLayoutEffect

功能介绍useEffect用于在函数组件中执行副作用操作，那什么是副作用呢？数据获取，数据订阅，以及手动更改React组件中的DOM都属于副作用因为我们渲染出的页面都是静态的，任何在其之后的操作都会对其产生影响，所以称之为副作用，副作用又分为两种：无需清除的副作用比如发送网络请求，手动变更DOM，记录日志需要清除的副作用比如订阅外部数据源，添加DOM事件，这时清除工作是必需的，可以防止内存泄露执行
屠龍之技·2024-01-04 20:54

解决React Hooks useEffect控制台报错：内存泄漏

不知道小伙伴们在使用reactuseEffect的时候，在用useState中setState的时候有没有遇到内存泄漏的问题哈，解决此问题有两种方法哈，如下：//第一种方式：constExampleFC=()=>{constisMounted=useRef(true);useEffect(()=>{//如果需要自动刷新功能，在每次进入useEffect之后//需要将标志位置成true//isMou
xiaofeixiaofei小飞·2024-01-04 20:52

React监听窗口宽度变化 触发resize（Hooks版本）

需求场景：项目中有些样式，需要监听窗口大小更改，做一些自适应处理Code：const[screenW,setScreenW]=useState(document.documentElement.clientWidth||document.body.clientWidth)//一些用到的需要自适应的变量constmiddleWidth=useMemo(()=>{if(screenW{window.a
cvory·2024-01-04 12:47

react-hooks-kit v1 正式发布

@evanpatchouli/react-hooks-kit-(npmjs.com)v1.0.0正式发布！
Evanpatchouli℃·2024-01-04 10:48

Vue3 结合typescript 组合式函数(2)

安装axios：npminstallaxios1、hooks文件夹下新建useURLLoader在APP.VUE中使用useURLLoader使用DogAPI2、使用对象中的属性，必须使用toRefs，
土井塔克树1412·2024-01-04 00:27

《Pro Git》学习笔记

近期遇到经常得使用git命令，以及githooks的知识，于是阅读了ProGit复习并拓展了下。
懒狗罢了·2024-01-03 20:56

preitter +eslint+vscode插件+git hooks的配置方法

preittier和eslint有npm包也有vscode插件，平时应该怎么搭配使用，还有prettier格式化代码和eslint会产生规则冲突的问题。比如你在prettier中设置了semi:false,而eslint的推荐规则是强调你必须在行尾加分号的。就会产生冲突。解决eslint和prettier的冲突问题有两种方法，一个是直接放弃使用prettier，反正eslint也能格式化代码，把j
mudssky·2024-01-03 19:14

react函数组件模拟生命周期

React函数组件模拟生命周期ReactHooks提供React.useEffect来解决函数组件没有生命周期的问题在React.useEffect（fn，？）
大唐荣华·2024-01-03 19:34

【react.js + hooks】useUrl 监听路由参数

【react.js+hooks】useUrl监听路由参数本节我们来实现一个监听并解析URL参数的hook：useUrl。而且这个hook的返回类型是可推断的。
Evanpatchouli℃·2024-01-03 06:10

十.Composition API( setup,ref,reactive,watchEffect,watch,computed,toRefs)

compositon-api提供了以下几个函数：setuprefreactivewatchEffectwatchcomputedtoRefs生命周期的hooks二、setup组件选项新的setup组件选项在创建组件之前执行
小柠有点萌·2024-01-03 01:50

React Native 从类组件到函数组件

1.发展趋势ReactNative社区中的趋势是朝向使用函数组件（FunctionalComponents）和Hooks的方向发展，而不是使用类组件（ClassComponents）。
草明·2024-01-02 23:21

React16源码: Hooks源码实现

Hooks1）概述Hooks在React16.7版本出现的新功能Hooks改变了整体应用开发的模式，同时开发体验会和以前会变得不一样Hooks让函数组件具有类组件的能力在functioncomponent
Wang's Blog·2024-01-02 21:21

React Hooks 面试题 | 07.精选React Hooks面试题

前端开发工程师（主业）、技术博主（副业）、已过CET6阿珊和她的猫_CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录如何在useMemo中缓存计算结果？请列举实例。如何在useRef中获取元素的引用？请列举实例。如何在use
ai_todo·2024-01-02 13:55

React Hooks 的简单使用

我们先介绍一下类组件和函数组件，让我们清楚为什么会有hooks类组件其中，我们最熟悉的类组件，也就是有状态组件，是这个样子的：importReact,{Component}from'react'e
鹤仔z·2024-01-01 21:02

React Hooks了解一下？超简单入门Hooks

前言先简单说一下Hooks是什么，在写React组件时候，有两种写法，一种是类写法，一种就是函数写法，Hooks主要服务的对象还是函数组件，因为函数组件相对类组件有些功能确实不好实现，比如生命周期钩子，
涅槃快乐是金·2024-01-01 18:08

在react函数组件中如何强制刷新组件

在函数组件中，forceUpdate不可用，在16.8版本以后，函数组件引入了hooks,forceUpdate只可以用在类组件中，函数组件可以使用hooks中的useState来实现
小玉玉最好的朋友·2024-01-01 09:03

React学习计划-React16--React基础（九）react新知识 hooks,路由懒加载，Fragment，Context，组件优化，render props，错误边界

1.setState更新状态的2种写法对象式的setState:setState(setChange,[callback])setChange为状态改变对象（该对象可以体现出状态的更改）callback是可选的回调函数，它的状态更新完毕，界面也更新后（render调用后才被调用）函数式的setState:setState(updater,[callback])updater为返回setChange
化作繁星·2024-01-01 01:53

vue-pdf的使用与遇到的坑

报错刚开始使用就当头一个报错MainTemplate.hooks.hotBootstraphasbeenremoved(useyourownRuntimeModuleinstead)与Vuecliversion5
BarryKerrigan·2023-12-31 21:25

菜鸟学习vue3笔记-vue hooks初体验

functionadd(){a1.value++;a2.value++;}return{add,a1,a2,c,};}第一个数字{{a1}}第二个数字{{a2}}点击求和importuseNumfrom"@/hooks
江南一舟110·2023-12-31 17:44

vue项目表单使用正则过滤ip、手机号

importuseFormValidatefrom'@/hooks/useFormValidate'setup(props,{emit}){const{validateName,validateIPAndPort
WFF的赵本山·2023-12-31 11:11

React16源码: Why16, 研究源码的意义, 源码目录核心结构分析

版本的代码理由如下从实际出发，企业内老旧项目多为16版本，理解16的核心能够帮助我们快速解决问题16版本React是完全重写了核心代码,是一次重大的更新引入了fiber这个概念，从根本上解决了JS单线程运行问题引入了hooks
Wang's Blog·2023-12-31 09:01

vue3项目使用pako库解压后端返回zip数据

文章目录前言一、pako介绍一些特点和功能：简单示例二、vue3实战示例1.安装后引入库安装:引用用自定义hooks抽取共用逻辑部署小插曲前言外部接口返回一个图片数据是经过zip压缩的，前端需要把这个数据处理成可以显示的图片
TE-茶叶蛋·2023-12-29 21:41

Vvue3.0-自定义hooks&&computed

一、hooks理解理解:3中的hooks就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来进行封装使用作用:3.0借鉴了React的一种机制，用于函数组件中共享状态逻辑和副作用，从而实现代码的可复用性
GllWyz·2023-12-29 18:57

Vue安装、实例与初始化详解

实例3.Vue实例的初始化过程3.1数据观察（DataObservation）3.2模板编译（TemplateCompilation）3.3挂载（Mounting）3.4生命周期钩子（LifecycleHooks
几何心凉·2023-12-29 14:58
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他