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
React.JS
React.js
之React Hooks使用
仅供个人学习使用,源码请见文章末尾1.ReactHooks简介ReactHooks就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件了。这时候你的认知也要发生变化了,原来把组件分为有状态组件和无状态组件,有状态组件用类的形式声明,无状态组件用函数的形式声明。那现在所有的组件都可以用函数来声明了。2.useState多状态声明useS
仲尼叔叔
·
2023-12-19 00:37
React.js
javascript
react
【
react.js
+ hooks】useVirtualArea 渲染虚拟列表
useVirtualAreaHookuseVirtualArea是一个ReactHook,用于创建虚拟列表。虚拟列表是一种优化技术,用于在不影响性能的情况下显示大量数据。参数useVirtualArea接受一个对象和一个数组作为参数,该对象包含以下属性:loadMoreItems:一个函数,当需要加载更多数据时会被调用。items:当前的列表项。hasMore:一个布尔值,表示是否还有更多的数据可
Evanpatchouli℃
·
2023-12-19 00:06
react.js
前端
前端框架
react-hooks
React.js
hooks 练习案例-网易云音乐【day4】
成果展示昨天又玩了一下,把播放歌曲功能做了,现在可以播放歌曲,导航条会跟随歌曲时间前进,也可以拖拽进度条跳到某个节点继续播放,虽然这样对普通开发没有打作用,但可以提高前端对js的控制能力和数据的处理能力。通过这个项目我也多多少少在开发上了点新的认识,希望你们一样。/*导入组件*/importReact,{memo,useState,useEffect,useRef,useCallback}from
爽朗01
·
2023-12-19 00:06
react
hooks
【
react.js
+ hooks】基于事件机制的跨组件数据共享
跨组件通信和数据共享不是一件容易的事,如果通过prop一层层传递,太繁琐,而且仅适用于从上到下的数据传递;建立一个全局的状态Store,每个数据可能两三个组件间需要使用,其他地方用不着,挂那么大个状态树也浪费了。当然了,有一些支持局部store的状态管理库,比如zustand,我们可以直接使用它来跨组件共享数据。不过本文将基于事件机制的原理带来一个新的协同方案。目标vue3中有provide和in
Evanpatchouli℃
·
2023-12-19 00:34
react.js
vue.js
前端
react-hooks
React Native面试题总结
1,简单介绍下ReactNative,以及和
React.js
的区别ReactNative是一个JavaScript框架,由Facebook开发,以满足日益增长的移动应用开发的需求。
xiangzhihong8
·
2023-12-18 15:52
前端
React
Native
vue.js
stu09-HTML基本标签
标题标签一级标题二级标题三级标题四级标题五级标题六级标题2.段落标签显示效果:独占一行,段落之间有间隙Vue.js是目前最火的一个前端框架,除了可以开发网站,还可以开发手机App;Vue.js是前端的主流框架之一,和Angular.js、
React.js
两条鱼h
·
2023-12-16 10:51
html
css
前端
React、Vue、Next、Umi框架对比
React、Vue、Next、Umi优缺点
React.js
优点缺点NEXT.js优点:缺点:VUE.js优点:缺点:Umi.js特点:优点缺点JavaScript优点:缺点:Jquery与react、vue
丢丢的大神
·
2023-12-04 21:14
react
javascript
https
react.js
vue.js
组件内部状态state 和 setState
当我们调用这个函数的时候,
React.js
会更新组件的状态state,并且重新调用render方法,然后再把render方法所渲染的最新的内容显示到页面上。
小幸运Q
·
2023-12-03 08:52
Vue框架
Vue.js是前端的主流框架之一,和Angular.js、
React.js
一起,并成为前端三大主流框架官网地址:Vue.js-渐进式JavaScript框架|Vue.jsVue.js-渐进式的JavaScri
待╮续
·
2023-12-03 06:08
vue.js
前端
javascript
前端新轮子Nue JS,号称要打造全新的Web生态!!!
它就像Vue.js、
React.js
或Svelte,但没有hooks,effects,props,portals,watchers,
踢足球的,程序猿
·
2023-12-02 19:03
nue.js
前端
javascript
开发语言
vue3新特性 compositionAPi与
React.js
中Hooks的异同点
1.React.js中的Hooks基本使用ReactHooks允许你"勾入"诸如组件状态和副作用处理等React功能中。Hooks只能用在函数组件中,并允许我们在不需要创建类的情况下将状态、副作用处理和更多东西带入组件中。React核心团队奉.上的采纳策略是不反对类组件,所以你可以升级React版本、在新组件中开始尝试Hooks,并保持既有组件不做任何更改。useState和useEffect是R
CQXXTXX
·
2023-12-02 07:06
react.js
vue.js
javascript
全栈软件开发工程师需要具备哪些技能
2.前端框架:掌握至少一种前端框架,如
React.js
、Vue.js、Angular,用于构建可维护的、高性能的前端应用。3.前端工具:使用构建工具(We
程序研
·
2023-12-02 02:33
程序分享
java
html5
前端框架
spring
cloud
React.js
hooks 练习案例-网易云音乐【day3】
成果展示昨天又玩了一下,把首页的下半部分完成了。发现如果有好的美工,前端开发工程师可以节省,大量写样式的时间,就好像榜单部分大量采用背景图实现效果,原本我还想着要写比较复杂的颜色。好吧,我承认我错了,你赢了。这是还没完成得部分。新碟上架模块设计这个组件是一页五个数据的轮播,并非首页顶部的轮播图一页一个数据,实现原理类似做分页。importReact,{memo,useEffect,useRef}f
爽朗01
·
2023-12-01 15:08
react
hooks
vue.js学习(一)
一、Vue.js简介vue.js是目前最火的前端框架和Angular.js、
React.js
一起成为前端三大主流框架。
"努力敲代码的朱姝祎i
·
2023-12-01 02:20
vue.js
day01-vuejs(基础1)
React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js是前端的主流框架之一,和Angular.js、
React.js
姑苏_慕容博
·
2023-11-28 02:30
超赞!不容错过的5款实用网页开发和设计工具
目前这种局面也催生了更多新的网页技术,包括
React.js
、Angular以及Node.js这样的库。
aimeeth
·
2023-11-27 19:29
设计
平面设计
网页设计
产品经理
原型设计工具
原型设计
设计工具
UI设计师
产品经理
原型设计工具
原型设计
设计工具
原型批注审阅
设计
平面设计
网页设计
UI设计
设计师
UI
网页设计
开发工具
原型设计
交互设计
产品经理
React.js
小书
React小书本书作者:胡子大哈书名:
React.js
小书第一阶段对
React.js
的初级应用,通过实际需求慢慢引出react的组件化的特点。
知识的搬运工plus
·
2023-11-27 14:27
React中通过children prop或者React.memo来优化子组件渲染【react性能优化】
文章目录前言未优化之前的代码问题解决方案一,通过childrenprop解决方案二,通过React.memo后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握
鋜斗
·
2023-11-26 17:21
前端
React.js
前端面试
react.js
前端
前端框架
初识React Hooks,函数式编程
ReactHook技术胖用了一年多的
React.js
但是在公司一直用的是Class组件,但是被问到React提高性能有什么手段的时候,我却哑口无言,不能说出一个一二三来,连React官方推荐的Hook也是没有用过
忘喧
·
2023-11-26 14:55
JavaScript
react.js
javascript
前端
react.JS
小书
react.JS
小书:http://huziketang.com/books/react/第3章开始需要收费解决办法:F12打开控制台吧下面的函数黏贴进去回车即可去除蒙版层+functiondoClear
兔子不打地鼠打代码
·
2023-11-26 00:14
2022 年十大 JavaScript 框架
React.js
被用于开发具有高流量网页的UI组件。
React.js
是声明式
ejinxian
·
2023-11-24 08:05
javascript
开发语言
ecmascript
什么是JSX?在React中使用JSX
JSX为
react.js
开发的一套语法糖,也是
react.js
的使用基础。React在不使用JSX的情况下一样可以工作,然而使用JSX可以提高组件的可读性,因此推荐使用JSX。
G-god
·
2023-11-24 03:40
React
React
JSX
JSX是什么
props.children 和容器类组件
classCardextendsComponent{render(){return({this.props.children})}}ReactDOM.render(
React.js
小书开源、免费、专业、
_嘿嘿_
·
2023-11-23 18:27
在浏览器的舞台上演:前端如何挑战页面刷新的极限
location.reload()的妙用基本介绍:优缺点:优点:缺点:适用场景:进阶篇:Ajax带来的无刷新体验Ajax基本用法:利用Ajax提升用户体验的方法:例子:框架篇:Vue和React的局部刷新Vue.js:示例:
React.js
TechWJ
·
2023-11-23 03:37
前端
前端
React中封装echarts图表组件以及自适应窗口变化
文章目录前言环境代码接口使用效果后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。
鋜斗
·
2023-11-22 13:11
React.js
react.js
echarts
前端
Vue
React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js是前端的主流框架之一,和Angular.js、
React.js
码农阳神
·
2023-11-21 12:40
前端知识
《
React.js
中高质量应用程序的最佳实践和设计模式》(译文)
【关于TalkX】TalkX是一款基于GPT实现的IDE智能开发插件,专注于编程领域,是开发者在日常编码中提高编码效率及质量的辅助工具,TalkX常用的功能包括但不限于:解释代码、中英翻译、性能检查、安全检查、样式检查、优化并改进、提高可读性、清理代码、生成测试用例等。TalkX建立了全球加速网络,不需要考虑网络环境,响应速度快,界面效果和交互体验更流畅。并为用户提供了OpenAI的密钥,不需要A
TalkX
·
2023-11-20 16:18
react.js
设计模式
前端
Vue.js介绍
是前端的主流框架之一,和Angular.js、
React.js
一起,并成为前端三大主流框架!框架:技术、代码的封装。MVVM(Model-view-viewModel):将其中的View的状态和行为
小俱的一步步
·
2023-11-20 05:32
vue.js
前端
ui
react的新手基础知识笔记
**121314ViewCodescript的标签的type="text/babel"React独有的JSX的语法跟javascript不兼容三个库文件必须首先加载
react.js
(核心库),react-dom.js
weixin_30485291
·
2023-11-19 08:58
javascript
数据结构与算法
ui
ViewUI
react.js
快速入门(1)
React官网传送门本教程的所有源代码都托管在github上地址https://github.com/kkcode24/ReactTraining应用开发分类介绍原生应用:介绍:特别为某个操作系统做的应用,比如iOS,Android,Blackberry等等。iOS的开发语言:OC(Objective-C),Swift。Android的开发语言:Java优点:a.访问手机的所有功能b.速度比较快,
胡西风_foxww
·
2023-11-17 11:09
#
ReactJS
react
reactJS
应用
入门
开发
深入学习React,重塑了我对React的理解
深入学习
React.js
这是一篇学习的笔记,很荣幸能听到那么好的课,虽然但是觉得这个课有点难懂,一遍遍的重复着,慢慢的记笔记,但是正事这个课让我重塑了对React印象。
忘喧
·
2023-11-13 03:49
JavaScript
react.js
javascript
学习
【
react.js
+ hooks】使用 useLoading 控制加载
在页面上loading(加载)的效果十分常见,在某些场景下,一个页面上甚至可能有特别多的loading存在,此时为每一个loading专门创建一个state显然太过繁琐,不如试试写一个useLoading来集中管理!构思分析状态形式当页面上有众多的loading时,我们需要能区分它们,因此useLoading存储的state应当是KV式或者数组式,KV更方便,我们将采用KV式,K代表loading
Evanpatchouli℃
·
2023-11-12 05:49
react.js
网络
前端
如何创建一个react项目
文章目录前言前言打开小黑窗口npminitvite后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。
鋜斗
·
2023-11-09 02:11
React.js
react.js
前端
react fiber架构【详细讲解,看这一篇就够了】
后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。(如果出现错误,感谢大家指出)感谢大家支持!
鋜斗
·
2023-11-08 13:44
React.js
react.js
架构
前端
React 目标 了解组件以及组件的封装
React.js
将帮助我们将界面分成了各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,就成了我们的页面。一个组件的显示形态和行为有可能是由某些数据决定的。
_套码的汉子
·
2023-11-08 06:04
2022年前端学习路线-黑马程序员
2022年黑马程序员前端在线学习路线第一阶段:前端入门HTML5+Css3+电商网页制作第二阶段:JavaScript系列第三阶段服务端编程第四阶段Vue.js第五阶段小程序第六阶段
React.js
基础怎样才能成为一名前端工程师呢
黑马程序员官方
·
2023-11-06 12:07
2023年前端—入门到精通
前端
css
css3
react中的useContext的介绍?【看这一篇就够了】
useContext的应用场景后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。
鋜斗
·
2023-11-04 03:49
React.js
react.js
前端
前端框架
react中常用的hooks?
文章目录前言useStateuseEffectuseContextuseReduceruseCallbackuseMemouseRef后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
鋜斗
·
2023-11-03 06:23
React.js
react.js
前端
前端框架
useCallback和useMemo的区别?
后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。(如果出现错误,感谢大家指出)感谢大家支持!
鋜斗
·
2023-11-03 06:23
React.js
react.js
useRef的应用场景?
后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。(如果出现错误,感谢大家指出)感谢大家支持!
鋜斗
·
2023-11-03 06:23
React.js
react.js
React18新特性?
文章目录前言AutomaticBatchingTransitionsSuspenseNewHooks后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握
鋜斗
·
2023-11-03 06:53
React.js
react.js
React.Memo和useMemo的区别?
文章目录前言React.memouseMemo总结后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。
鋜斗
·
2023-11-03 06:14
React.js
react.js
前端
前端框架
react中的useState为什么是一个数组,而不是一个对象?
文章目录前言数组的解构赋值对象的解构赋值总结后言前言helloworld欢迎来到前端的新世界当前文章系列专栏:
react.js
博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。
鋜斗
·
2023-11-03 06:44
React.js
react.js
React基础知识扫盲
React开发环境搭建在搭建React开发环境前,需要安装NodeNode.js安装使用
React.js
可以使用最原始的这实在太low,工作中也不会有这种引入形式因此采用脚手架形式的安装,需要Node.js
沐阳同学
·
2023-11-03 05:20
React
react.js
React 学习笔记
React.js
使用虚拟DOM来提高性能,并使用组件化的方式来实现代码的重用和组织。特点高效性能:
React.js
使用虚拟DOM来减少直接DOM操作,从而提高性能。组件化:
React.js
使用组件来构
DevilAngelia
·
2023-11-02 17:40
react.js
笔记
前端
学习
javascript
前端框架
7-React 组件之 props 验证
React.js
[TOC]props验证随着应用的不断增长,也是为了使程序设计更加严谨,我们通常需要对数据的类型(值)进行一些必要的验证,
React.js
提供了一个验证库:prop-typesprop-typesprop-types
我竟无言以对_1202
·
2023-10-31 18:07
Day01
React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js是前端的主流框架之一,和Angular.js、
React.js
冷月花
·
2023-10-31 16:33
初学者的快速入门来学习
React.js
什么是
React.js
?(WhatisReact.js?)
cunhan4654
·
2023-10-31 04:29
java
react
html
javascript
vue
ViewUI
进阶
react.js
组组件生命周期组件的生命周期有助于理解组件的运行方式,完成更复杂的组件功能、分析组件错误原因等组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不在时卸载的过程生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数构造函数的作用:为开发人员在不同阶段操作组件提供了实际image.png创建时(挂载阶段)image.pngclassAppextendsReact.Compon
又菜又爱分享的小肖
·
2023-10-30 14:27
使用Dash快速构建你的数据可视化前端
Dash最大的优点就是你在生成前端的时候不需要写任何javascript代码(已经全在底层封装好,画图特效是
react.js
写的,有兴趣可以去研究一下源码
敲代码的灰太狼
·
2023-10-30 01:34
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他