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开发笔记
TypeScript 学习笔记(七):TypeScript 与后端框架的结合应用
1.引言在前几篇学习笔记中,我们已经探讨了TypeScript的基础知识和在前端框架(如Angular和
React
)中的应用。
Evaporator Core
·
2025-01-18 12:11
typescript
前端框架
学习
掌握
React
高阶组件与高阶函数:构建可复用组件的新境界
一、引言在
React
开发中,代码复用性和逻辑分离是提高开发效率和维护性的重要手段。
风茫
·
2025-01-18 04:13
React
react.js
javascript
React
iveSwift 简单使用
记录
React
iveSwift简单使用导入
React
iveSwift库创建TestViewModel文件enumJKTypeType:Int{casecloudcasedevicecaseweater}
Johnny Tong
·
2025-01-18 00:09
iOS
之旅
swift
停止在
React
组件回调中使用箭头函数!
在构建
React
应用时,许多开发者都喜欢使用箭头函数,因为它们简洁易用。但你知道吗,在组件回调中直接使用箭头函数可能会导致一些性能问题?
@大迁世界
·
2025-01-17 23:36
react.js
javascript
前端
ecmascript
前端框架
react
-quill报错Listener added for a ‘DOMNodeInserted‘ mutation event.Support for this event type has..
1、删除node_modules和package-lock.json2、重装依赖npmi3、找到node_modules中quill==》dist==》quill.js文件中修改代码//_this.domNode.addEventListener('DOMNodeInserted',function(){});newMutationObserver(()=>{}).observe(_this.do
lryh_
·
2025-01-17 23:34
插件
react.js
前端
React
和Vue中暴露子组件的属性和方法给父组件用,并且控制子组件暴露的颗粒度的做法
React
在
React
中,forwardRef是一种高级技术,它允许你将ref从父组件传递到子组件,从而直接访问子组件的DOM节点或公开的方法。这对于需要操作子组件内部状态或DOM的场景非常有用。
向画
·
2025-01-17 23:33
React
react.js
vue.js
javascript
前端-跨端跨平台框架介绍
1.Taro官网:https://taro-docs.jd.com/docsTaro是一个开放式跨端跨框架解决方案,支持使用
React
/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ
有哥来袭
·
2025-01-17 15:16
跨端跨平台
前端
你可能不知道的antd倒计时组件用法
前言ps:本文使用ant组件库和
react
技术栈,因此假定你导入了这些依赖包。如果让你实现一个显示当前日期的定时器组件,你会怎么做?
·
2025-01-17 14:32
前端reactantd
Three.js实现动态水泡效果逐步解析GLSL着色器
开发领域:前端开发|AI应用|Web3D|元宇宙技术栈:JavaScript、
React
、ThreeJs、WebGL、Go经验经验:6年+前端开发经验,专注于图形渲染和AI技术经验经验:演示地址开源项目
贵州数擎科技有限公司
·
2025-01-17 12:55
javascript
着色器
开发语言
基于
React
和 Vite 的前端项目自动化测试方案
背景前端自动化测试在工程化的研发体系中不可或缺。前端领域的自动化测试常被忽略,原因在于人们认为编写测试用例成本高且意义不大,本质是觉得投资回报率低。但当收益大于支出时,引入前端自动化测试是必要的。例如在表单功能从简单到复杂的迭代过程中,手动测试成本会指数级增长且可能无法完成所有测试,此时引入自动化测试能提升效率、保证测试覆盖范围、减少误差和遗漏、实现用例重复使用等。成本初始成本,引入自动化测试框架
·
2025-01-17 10:27
Next.js 15 重大更新解析
作为
React
框架的佼佼者,Next.js的第15个版本带来了诸多激动人心的更新。这次更新重点优化了开发工作流程、性能表现,并加强了安全性。现在就来深入了解这些新特性。
·
2025-01-17 10:51
Vue 开发者的
React
实战指南:表单处理篇
作为Vue开发者,在迁移到
React
开发时,表单处理的差异是一个重要的适应点。本文将从Vue开发者熟悉的角度出发,详细介绍
React
中的表单处理方式和最佳实践。
·
2025-01-17 05:39
Node.js、Vue 和
React
的关系和区别
Node.js、Vue和
React
是前端和后端开发中常用的技术,它们各自有不同的作用,但可以协同工作来构建现代化的Web应用。为了通俗易懂地理解它们的关系,我们可以用一个餐厅的比喻来说明。
佐木宥轩
·
2025-01-17 01:50
node.js
Vue 开发者的
React
实战指南:路由和导航篇
作为Vue开发者,在迁移到
React
开发时,路由系统的差异是需要重点关注的部分。本文将从VueRouter的使用经验出发,详细介绍
React
Router的使用方式和最佳实践。
·
2025-01-17 00:10
系统设计架构——互联网案例
对于其Web应用程序,它使用
React
。前端/服务器通信:Netflix使用GraphQL。后端服务:Netflix依赖ZUUL、Eureka、SpringBoot框架和其他技术。
大猩猩爱分享
·
2025-01-16 23:01
java
架构
【学术会议论文投稿】前端框架巅峰对决:
React
、Vue与Angular的全面解析与实战指南
React
、Vue和Angular作为当前最流行的三大前端框架/库,各自拥有独特的优势和适用场景。本文将通过深入的文字解析和代码讲解,帮助开发者理解这三者的差异,并
小周不想卷
·
2025-01-16 23:00
艾思科蓝学术会议投稿
前端框架
探讨
React
中的状态管理:选择合适的工具
随着
React
的流行,开发者在构建复杂应用时常常面临的一个重要问题是如何有效地管理组件的状态。状态管理不仅涉及到在应用内传递数据,还包括如何在不同的组件间同步状态、优化性能,以及保持代码的可维护性。
·
2025-01-16 22:00
小白:
react
antd 搭建框架关于 RangePicker DatePicker 时间组件使用记录 2
文章目录一、关于RangePicker组件返回的moment方法示例一、关于RangePicker组件返回的moment方法示例moment方法中日后开发有用的方法如下:form.getFieldsValue().date[0].weeksInWeekYear(),form.getFieldsValue().date[0].zoneName(),form.getFieldsValue().date
LZQ <=小氣鬼=>
·
2025-01-16 21:12
react
+
antd
react
Hooks 父组件调用子组件函数、获取子组件属性
子组件import{forwardRef,useImperativeHandle}from'
react
'//定义子组件的ref类型exportinterfaceChildRef{childMethod:
初遇你时动了情
·
2025-01-16 20:59
react.js
javascript
前端
深度解析
React
中 setState 的原理:同步还是异步
在
React
框架的核心机制里,setState是实现动态交互与数据驱动视图更新的关键枢纽。
·
2025-01-16 18:51
从零开始学 MobX Store:简化
React
数据管理
学习如何使用MobXStore在
React
应用中实现全局状态管理。本文通过简单的购物车功能示例,帮助你理解MobXStore的基本概念、使用方法以及如何高效共享和管理数据,解决多组件间的数据同步问题。
·
2025-01-16 18:46
javascriptreact
掌握
React
Router:构建你的
React
应用导航
React
Router作为
React
生态中的核心路由库,为开发者提供了强大的工具来实现SPA(单页应用)的导航逻辑。它不仅简化了页面间的跳转,还支持动态路由匹配、懒加载和状态管理集成,让应用的导航更
·
2025-01-16 18:15
回顾技术圈的2024尤雨溪喷
React
的“开年之战”
在2024年初,前端开发社区的一场激烈讨论围绕着
React
新版文档展开。
·
2025-01-16 18:40
前端vue.jsreact
Vue 开发者的
React
实战指南:部署与持续集成篇
作为Vue开发者,在迁移到
React
开发时,除了开发过程中的差异,部署和持续集成的策略也需要相应调整。本文将详细介绍
React
项目的部署流程和持续集成最佳实践。
·
2025-01-16 18:34
Vue 开发者的
React
实战指南:测试篇
作为Vue开发者,在迁移到
React
开发时,测试策略和方法也需要相应调整。本文将从Vue开发者熟悉的角度出发,详细介绍
React
中的测试方法和最佳实践。
·
2025-01-16 18:33
Vue 开发者的
React
实战指南:性能优化篇
作为Vue开发者,在迁移到
React
开发时,性能优化的思路和方法会有所不同。本文将从Vue开发者熟悉的角度出发,详细介绍
React
中的性能优化策略。
·
2025-01-16 18:02
前端-从入门到入土
spm_id_from=333....框架部分这里推荐Vue框架,相对
React
会更容易上手,并且中文文档也相对友好推荐教程:https://www.bilibil
·
2025-01-16 15:09
H5跳转到
React
Native App
H5在浏览器跳转到App配置URLSchemesIOSInfo.plistCFBundleURLTypesCFBundleTypeRoleEditorCFBundleURLSchemesxxxxAndroidAndroidManifest.xmlh5跳转通过window.location.href=xxxxx的方式跳转constopenApp=(isIOS,extinfo?:string)=>{i
·
2025-01-16 15:57
node.js学习
学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础,三大框架vue
react
angular
小猿L
·
2024-09-16 09:46
node.js
node.js
学习
vim
react
-intl——
react
国际化使用方案
国际化介绍i18n:internationalization国家化简称,首字母+首尾字母间隔的字母个数+尾字母,类似的还有k8s(Kubernetes)
React
-intl是
React
中最受欢迎的库。
苹果酱0567
·
2024-09-16 06:26
面试题汇总与解析
java
开发语言
中间件
spring
boot
后端
字节二面
在上一段实习过程中,我获得了宝贵的实践经验和深刻的行业洞察,以下是我的主要收获和感悟:一、专业技能提升框架应用熟练度:通过实际项目,我深入掌握了
React
、Vue等前端框架的使用,不仅提升了编码效率,还学会了如何根据项目需求选择合适的框架
Redstone Monstrosity
·
2024-09-16 04:08
前端
面试
前端代码上传文件
/config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{
react
ive}from'vue'import{BASE_URL
余生逆风飞翔
·
2024-09-16 03:33
前端
javascript
开发语言
前端使用
react
-intl-universal进行国际化
“国际化”的简称:i18n(其来源是英文单词internationalization的首末字符i和n,18为中间的字符数)二、
react
项目国际化
react
-intl是业界最受欢迎的软件包之一:
React
-intl
Stephy_Yy
·
2024-09-15 09:46
#
调研
reactjs
javascript
css
VUE实现大小缩放轮播图
效果图import{ref,computed,
react
ive,watch,onMounted}from'vue';exportdefault{props:{/***轮播数据来源*/source:{type
书边事.
·
2024-09-15 07:00
vue.js
前端
javascript
react
里的index.js是怎么跟index.html结合起来的?
image.pngcreate-
react
-app把webpack、babel等配置都封装到了依赖项目
react
-script中,所以你无法直观的看到这些配置。
SherrinfordL
·
2024-09-15 06:10
Taro实现微信小程序自定义拍照截图识别
navigationBarTitleText:"",//启用页面分享//enableShareAppMessage:true,//启动朋友圈分享//enableShareTimeline:true});import{
react
ive
书边事.
·
2024-09-15 06:53
taro
微信小程序
小程序
(小白入门)Windows环境下搭建
React
Native Android开发环境
React
Native(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的UI框架
React
在原生移动应用平台的衍生产物,目前支持iOS和Android
码农老黑
·
2024-09-15 04:07
前端
React
Native
移动开发
Android
studio
react
中如何获取并使用usestate声明的变量的值
1.函数式更新当需要根据当前状态来更新状态时,可以使用函数式更新。setState(在类组件中)和setCount(在useState中)都可以接受一个函数作为参数,这个函数接收当前的状态作为参数,并返回新的状态。functionExampleComponent(){const[count,setCount]=useState(0);//使用函数式更新functionhandleClick(){s
小华0000
·
2024-09-14 22:25
react.js
javascript
前端
【Vue3源码实现】Ref isRef unRef proxyRefs实现
前言在上篇文章中我们了解了响应式原理,并在最后实现了
react
ive。
ZhaiMou
·
2024-09-14 22:24
vue.js
javascript
前端
数据结构
前端框架
开发语言
React
前端应用结合 Nginx 部署指南及常见错误排查
在现代Web开发中,
React
已成为构建用户界面的流行选择,而Nginx则是一个高性能的Web服务器,广泛用于静态文件的托管和负载均衡。
蜗牛去旅行吧
·
2024-09-14 22:54
前端
react.js
nginx
vue3 响应性API
举例:conststate=
react
ive({foo:1,bar:2})constfooRef=toRef(state,'foo')fooRef.value++console.log(state.foo
weixin_44747590
·
2024-09-14 22:53
vue3
vue
js
手撸vue3核心源码——响应式原理(isRef和unRef)
今天来实现一下ref的功能函数,isRef与unRefisRefisRef和is
React
ive一样,都是用于检测数据类型,isRef是检测是不是一个ref对象,跟is
React
ive函数实现起来一样,
前端不是渣男
·
2024-09-14 22:20
前端
vue.js
vue3 | isRef、unref、toRef、toRefs
constnum=ref(10)constnum1=20constnum2=
react
ive({data:30})console.log(isRef(num))//trueconsole.log(isRef
杨贵妃会飞飞飞
·
2024-09-14 22:20
Vue
vue.js
前端
vue学习笔记——关于对Vue3 ref(), toRef(), toRefs(), unref(), isRef(),
react
ive()方法的理解。
创建一个数据类型,ref有value这个属性constname1={age:"14",name:"bob1"};constname2=ref({name:"bob2"});//使用ref创建一个数据类型相对于
react
ive
chen_sir_sh
·
2024-09-14 21:17
vue学习笔记
javascript
前端
vue
React
项目的开发前准备 以及 JSX 的基本使用
React
项目的开发前准备以及JSX的基本使用
React
项目创建create-
react
-appnpxcreate-
react
-appmy-appcdmy-appnpmstartyarncreate
react
-appyarncreate
react
-appmy-appcdmy-appyarnstartcreate-
react
-app
渡鸦七
·
2024-09-14 21:46
React
react.js
前端
前端框架
react
函数组件useState异步变同步
需求函数组件实现一个下拉上拉的列表,列表支持分页。最开始我们使用setstate的方式去报错当前页数。这样做的问题,就是有一个异步的延迟。上代码const[pageNo,setpageNo]=useState(1)constonPullUpRefresh=()=>{console.log("上拉加载内容")console.log("上一次的pageNo",pageNo)setpageNo(page
MIKE-zi
·
2024-09-14 21:46
react入门
setstate异步问题
函数组件实现分页
函数组件上拉加载
Netty权威指南:Netty总结-高性能与可靠性
调用性能差三宗罪:网络传输采用同步阻塞I/O导致经常性阻塞序列化性能差线程模型问题22.1.2I/O通信性能三要素传输:BIO、NIO或者AIO协议:HTTP公有协议,内部私有协议线程:数据报如何读取,
React
or
Ty_1106
·
2024-09-14 14:02
Netty
java
网络
rpc
Vue 和
React
的对比
React
和Vue有许多相似之处:使用VirtualDOM提供了响应式(
React
ive)和组件化(Composable)的视图组件。
淘淘是只狗
·
2024-09-14 14:58
vue
React
vue.js
react.js
javascript
一文让你彻底弄懂Redux的基本原理以及其如何在
React
中使用!
它有什么用Redux基本原理Redux在
React
中具体使用的方法ReduxToolkit(RTK)createSlice函数参数返回值示例configureStore函数参数返回值示例
React
-ReduxProvider
tabzzz
·
2024-09-14 13:57
react.js
javascript
ecmascript
react
更新元素状态
所有的
react
元素都是immutable不可变的。当元素被创建之后,我们无法修改他的内容或属性。
叶绿素yls
·
2024-09-14 13:11
上一页
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
其他