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项目搭建
react
hooks的useEffect:
React
的useEffectHook用于在函数组件中执行副作用操作(例如数据获取、订阅事件等),它类似于类组件中的生命周期方法componentDidMount、componentDidUpdate和
张滚滚QAQ
·
2024-01-28 00:42
react.js
前端
javascript
如何使用p
react
开始一个前端项目?
本篇文章对于p
react
不做过深介绍,仅仅介绍其基础的使用方法。使用P
react
,我们可以通过组装组件和元素的树来创建用户界面。组件是返回其树应该输出的内容的描述的函数或类。
Dream_travelerly
·
2024-01-27 23:05
web
学习
笔记
前端
UI框架组件(详细版)
常用UI框架:与
React
功能性框架配合的UI框架:Ant-design:AntDesignof
React
-AntDesignAnt-design-Mobile:AntDesignMobile|AMobileDesignSpecification
React
-Bootstrap
小龙博客
·
2024-01-27 23:39
ui
javascript
开发语言
React
-Hooks中父组件获取子组件的属性
React
-Hooks中父组件获取子组件的属性依赖于forwardRef和useImperativeHandle首先子组件的写法如下使用useImperativeHandle将需要传递给父组件的属性添加
小火车况且况且
·
2024-01-27 22:34
React
react.js
javascript
前端
React
父组件获取子组件的方法/数据(useRef
帮同事debug发现的问题,记录一下,弗曼学习大法好interfaceRefFunType{hdlUpdate():void,name:string}父组件使用useRefuseRef()传入的泛型是子组件存放在ref.current中的数据格式,(如果子组件内部绑定了自己的ref,那用的泛型为useRefref是绑定在自定义组件上,子组件直接从props中获取ref是获取不到的,这是因为ref不
SeeU。
·
2024-01-27 22:33
react.js
html5
javascript
hooks
React
函数组件实现获取子组件标签(forwardRef的使用)
需求说明父组件触发事件改变子组件的状态举例例子:切换父组件tab时,重置子组件表单。在第一个tab下的搜索表单填写的搜索条件,在切换tab时,需清空表单内容代码结构constparent=()=>{return({tabsList?.map((tabItem:tabItem)=>)})}功能实现由于触发事件在父组件,无法从子组件传值。首先想到的是用ref来获取到实例。如下constparent=(
Li_na_na01
·
2024-01-27 22:03
react
react.js
hooks
typescript
react
-hooks父组件提交子组件form
父组件:import
React
,{useRef}from'
react
'importUserNamefrom'src/components/UserName'interfaceuserRef{submit
chelse-o_O
·
2024-01-27 22:03
react.js
javascript
前端
react
父组件调用子组件
1、类(class)型组件//子组件exportdefaultclassChildextends
React
.Component{componentDidMount(){this.props.onRef(
qq_41315539
·
2024-01-27 22:03
React
前端
react.js
React
父组件调用子组件的方法
React
父组件调用子组件的方法useImperativeHandle(ref,createHandle,[deps])useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值
TA_WORLD
·
2024-01-27 22:03
React
react.js
前端
javascript
【
REACT
-forwardRef-透传ref到子组件】
1.普通写法import
React
,{Component,createRef}from'
react
'exportdefaultclassAppextendsComponent{myinput=null;
历目
·
2024-01-27 22:33
REACT
react.js
javascript
前端
forwardRef -
React
父组件控制子组件
父组件: import{useRef}from"
react
"; importAboutfrom".
宝子向前冲
·
2024-01-27 22:02
javascript
前端
react.js
[GN] Vue3.2 快速上手 ----常用API及其新组件
文章目录Vue3新组件TeleportSuspense其他常用APIshallowRef与shallow
React
ivereadonly与shallowReadonlytoRaw与markRawVue3
GGood_Name
·
2024-01-27 21:53
vue3
vue.js
javascript
前端
react
基础
react
基础基础语法引入文件相当于vue.js提供的是
React
对象提供了
React
DOM对象网页B(browser)/S(server)webappdombom
react
基本语法+
react
-dom
jie_han
·
2024-01-27 20:41
RxJava 操作符flatMap 与 concatMap详解
build.gradle中依赖最新版本:compile'io.
react
ivex.rxjava2:rxjava:2.1.0'compile'io.
react
小小的coder
·
2024-01-27 20:58
2023年最佳榜单之最佳
React
UI组件库
React
UI组件库是有用的工具,可以帮助你为你基于
React
的软件应用程序和网站创建令人惊叹的界面。
WPHunter
·
2024-01-27 19:20
前端开发知识&教程
react.js
ui
前端
【码农新闻】 Tiny, easy and powerful
React
state management.......字节跳动智创语音团队发布高保真、低延迟、高并发 AI 歌唱合成技术
目录【码农新闻】Tiny,easyandpowerful
React
statemanagement.......字节跳动智创语音团队发布高保真、低延迟、高并发AI歌唱合成技术Tiny,easyandpowerful
React
statemanagementTownScaper
顶子哥
·
2024-01-27 19:06
码农新闻
vscode
编辑器
ide
开发语言
python
django
virtualenv
react
开发todoList――添加
通过create-
react
-app来创建项目,目前只做了最简单的添加和删除操作,涉及知识点:组件之间传值、事件绑定。
八点半的星光1101
·
2024-01-27 18:10
Django
项目搭建
一、创建项目在命令行中执行代码$django-adminstartprojectmysitedjango-admin为内部命令startproject为参数mysite项目名备注避免使用Python或Django的内部保留字来命名项目。比如说,避免使用像django(会和Django自己产生冲突)或test(会和Python的内置组件产生冲突)这样的名字二、项目结构mysite/#项目的名称man
菜鸟之编程
·
2024-01-27 18:12
Django
django
python
后端
webpack5构建基于Vue3+ElementPlus
项目搭建
(开发和生产)
项目基于webpack5+vue3+ElementPlus环境构建主要配置文件:package.json插件使用和版本配置等信息.eslintrc.js启用eslint检测代码规范babel.config.jses语法兼容配置config│├─webpack.base.js开发和生产公共配置文件│├─webpack.dev.js开发环境配置│└─webpack.prod.js生产打包环境配置pac
追逐梦想之路_随笔
·
2024-01-27 17:31
vue2/vue3全家桶
自动化构建工具
webpack
vue.js
javascript
vite + vue3 + elementPlus + vuex + axios
项目搭建
及问题
遇到的问题:1:elementplus引入后功能正常其里面icon无效2:elementplus默认英文问题3:vue3把过滤器删掉了我用什么替代4:vue3routerview第一次加载空白页我想强制刷新怎么办nextupdata?5:引入vuex保存变量发现刷新丢失怎么办6:vite打包后放服务器jscss找不到怎么配置常规为题:1:vue3使用获取路由传参2:vue3父组件触发子组件方法3:
Thekingyu
·
2024-01-27 17:00
vue+apicloud
vite
vue3
iOS自动化打包 Jenkins+Gitlab+Fastlane+蒲公英+钉钉
优质资源分享学习路线指引(点击解锁)知识定位人群定位Python实战微信订餐小程序进阶级本课程是pythonflask+微信小程序的完美结合,从
项目搭建
到腾讯云部署上线,打造一个全栈订餐系统。
[虚幻私塾】
·
2024-01-27 17:49
python
ios
自动化
jenkins
计算机
React
作为一个ui运行
原译文:
React
作为ui运行原文:
React
asaUIRuntime
React
asaUIRuntime大多数的教程介绍
React
是作为一个ui库。这个是说的通的,因为
React
是一个UI库。
xiaohesong
·
2024-01-27 17:14
快应用通讯原理
原理和
React
Native相通,采用js编写,Dom生成后对应的nativeviewdom,采用native渲染都是采用yaga引擎构建dom,利用jscore解析js这里主要分析具体js与java如何通讯
游侠_6fb7
·
2024-01-27 16:12
vue 生命周期理解
只关注视图层,是一个构建数据的视图集合,大小只有几十kb;2.简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习;3.双向数据绑定:保留angular特点,在数据操作方面更为简单;4.组件化:保留
react
九仄
·
2024-01-27 16:57
搭建
react
框架
第一步:在对应文件夹里的cmd中输入指令:npmi-gcreate-
react
-app第二步:切换到你想安装的目录create-
react
-appproject(project是你的目录名称)第三步:进入到你的项目
炸炸毛还能继续写代码吗
·
2024-01-27 15:15
react.js
前端
javascript
React
项目框架搭建
二、搭建
React
项目环境1、全局安装create-
react
-appnpminstall-gcreate-
react
-app
小小鲸鱼
·
2024-01-27 15:14
React
node.js
vue.js
react.js
从 0 开始搭建
React
框架
webpack配置不再赘述,可参考前三个文章(wenpack5基本使用1-3)使用
react
安装
react
、
react
-dom、@babel/preset-
react
yarnadd
react
react
-dom
丶清风不问烟雨
·
2024-01-27 15:13
react.js
前端
前端框架
React
antd实现走马灯Carousel
import
React
from'
react
'import{Card,Carousel}from'antd'import'.
YoloAva
·
2024-01-27 14:52
React
antd
react.js
javascript
如何在
react
-native实现自定义的垂直方向跑马灯
项目需求是需要实现一个垂直方向的跑马灯轮播,早期采用
react
-native-swiper解决方案,此方案在ios端正常使用,在android端不能使用,所有果断放弃。
xjl271314
·
2024-01-27 14:52
ReactNative
Animated
react
reactNative动画
react
-native 走马灯效果
/***@flow*//*eslint
react
/no-did-mount-set-state:0*/import
React
,{Component}from'
react
'import{Text,View
学习笔记999
·
2024-01-27 14:52
html+css
React-Native
javascript
redux
reactJS
React
中实现图片懒加载
1.下载安装懒加载模块cnpmi
react
-lazyload--save2.在src/assets/目录下放入懒加载占位图placeholder.gif3.在需要使用懒加载的组件中导入懒加载模块和占位图
laurfei
·
2024-01-27 14:22
react.js
javascript
前端
一个
react
-native 文字跑马灯组件
一个
react
-native文字跑马灯组件。
weixin_34268610
·
2024-01-27 14:50
javascript
移动开发
ViewUI
react
文字跑马灯
之前的一个pc端项目,有文字滚动的功能,找了下,没有合适的轮子,于是自己造了一个目前只支持横向滚动index.tsximport
React
,{useRef,useEffect,useState}from'
react
'import
小鑫a
·
2024-01-27 14:18
造轮子
typescript
reactjs
css3
javascript
es6
react
文字跑马灯从左往右滚动鼠标移入移出控制
本人
React
用的时间较短,有代码上的不规范或者不简洁的地方请见谅~附上代码~~import
React
from“
react
”;import*asstylesfrom‘.
qq_35367109
·
2024-01-27 14:17
reactjs
typescript
react
-动画的选择
单元素的动画1.传入animation对象这个参数,作为动画的开始参数animation属性1.所有和动画有关的样式都可以操作动画基本参数术语说明1.width:100从当前元素的大小变化为100px2.maxWidth:100元素当前最大宽度到100px3.minWidth:100元素当前最小宽度到100px4.maxHeight,height5.opacity:0元素当前透明度到06.top:
skoll
·
2024-01-27 14:05
React
中使用LazyBuilder实现页面懒加载方法一
前言:在一个表格中,需要展示100条数据,当每条数据里面需要承载的内容很多,需要渲染的元素也很多的时候,容易造成页面加载的速度很慢,不能给用户提供很好的体验时,懒加载是优化页面加载速度的方法之一。策略:前端在接受到api返回的数据的时候,可以先根据数据总的条数进行遍历,给每一项初始化简单的dom进行渲染占位,通过IntersectionObserver对每一项元素进行监听,当初始dom出现在页面视
小灰灰学编程
·
2024-01-27 14:15
React.js
react.js
LazyBuilder
前端
React
中MUI初始化和方法调用
React
中MUI初始化和方法调用step1:引用npminstall@mui/material@emotion/
react
@emotion/styledstep2:D:\vue\untitled2123
勘察加熊人
·
2024-01-27 14:45
typescript
react.js
javascript
ecmascript
基于 Mui 封装常用
React
组件
基于Mui封装常用
React
组件Mui(MaterialUI)Mui是基于google的Materia设计风格开发的基于
React
框架的UI框架,之前的名称为MaterialUI。
Joey_Tribiani
·
2024-01-27 14:14
前端学习笔记和总结
react.js
javascript
前端
mui
material
react
实现图片懒加载
第一步、安装组件npmi--save
react
-lazy-load-image-component第二部、
成熟渊
·
2024-01-27 14:14
react.js
javascript
前端
React
中使用LazyBuilder实现页面懒加载方法一
前言:在一个表格中,需要展示100条数据,当每条数据里面需要承载的内容很多,需要渲染的元素也很多的时候,容易造成页面加载的速度很慢,不能给用户提供很好的体验时,懒加载是优化页面加载速度的方法之一。策略:前端在接受到api返回的数据的时候,可以先根据数据总的条数进行遍历,给每一项初始化简单的dom进行渲染占位,通过IntersectionObserver对每一项元素进行监听,当初始dom出现在页面视
小灰灰学编程
·
2024-01-27 14:13
React.js
react.js
LazyBuilder
前端
React
中使用LazyBuilder实现页面懒加载方法二
前言:在一个表格中,需要展示100条数据,当每条数据里面需要承载的内容很多,需要渲染的元素也很多的时候,容易造成页面加载的速度很慢,不能给用户提供很好的体验时,懒加载是优化页面加载速度的方法之一。策略:前端在接受到api返回的数据的时候,可以先根据数据总的条数进行遍历,给每一项初始化简单的dom进行渲染占位,通过IntersectionObserver对每一项元素进行监听,当初始dom出现在页面视
小灰灰学编程
·
2024-01-27 14:10
React.js
react.js
LazyBuilder
前端
react
mui textfield marquee 跑马灯效果实现
如果这个文字不超过textfield本身,则不滚动,否则在鼠标悬浮的时候滚动,并且滚动的距离应该是比较恰到好处的用法如下:text是你需要填写的文字还可以再封装下比如一些style什么的..textimport
React
moon548834
·
2024-01-27 14:10
react.js
javascript
前端
React
源码:下载源码(第一步)
GitHub上
react
地址:https://github.com/facebook/
react
gitclonehttps://github.com/facebook/
react
.git查看所有分支gitbranch-a
react
HaanLen
·
2024-01-27 13:23
React全家桶系列
React源码
react
React
源码学习:查看
react
版本
1、找到项目下的package.json文件,找dependencies选项,找到
react
包,会显示版本号2、在项目代码中执行
React
.verison,打印也会显示
react
版本号3、源码中在目录packages
HaanLen
·
2024-01-27 13:23
React全家桶系列
react.js
学习
javascript
React
16源码:
React
中commitAllHostEffects内部的commitDeletion的源码实现
commitDeletion1)概述在
react
commit阶段的commitRoot第二个while循环中调用了commitAllHostEffects,这个函数不仅仅处理了新增节点,更新节点最后一个操作
Wang's Blog
·
2024-01-27 13:51
React
React
Native
react.js
前端
前端框架
vue3 初体验
围绕右大大最新发布的vue-compisition-api,来讲解大家最关心的、同时也是vue3.0最重要的一些新特性,例如setup()函数、
react
ive()、ref()等这些VueHooks。
邹小小白
·
2024-01-27 13:50
嘿嘿,vue之输出土味情话
lovetalk.vue:获取一句土味情话{{link.title}}import{
react
ive}from'vue';//导入Vue3的
react
ive函数,用于创建响应式数据importaxiosfrom"axios
<有心人>
·
2024-01-27 13:14
vue.js
javascript
前端
笔记
调用setState后发生了什么?
代码中调用setState函数之后,
React
会将传入的参数对象与组件当前的状态合并,然后触发所谓的调和过程(Reconciliation)。
英俊先生
·
2024-01-27 12:26
react.js
前端
javascript
React
中高阶组件、Render props、hooks 分别是什么有什么区别
React
中的高阶组件(Higher-OrderComponent,HOC)、Renderprops和hooks都是为了处理共享逻辑和状态的方式,但它们之间有一些区别。
&ACE&
·
2024-01-27 12:56
react.js
javascript
前端
react
调用setstate之后发生的什么?
React
会将传入的参数对象与该组件已有的state进行合并,并触发所谓的调和过程,调和之后,
react
会以相对高效的方式根据新的状态生成虚拟dom,然后新老dom进行比对,找不同,根据diff算法,
react
风味儿
·
2024-01-27 12:55
经验分享
上一页
30
31
32
33
34
35
36
37
下一页
按字母分类:
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
其他