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事件机制
初步认知Next.js中ISR/RSC/Edge Runtime/Streaming等新概念
前言浅窥nextjs到目前v12版本的几个重点新概念,我们有:定义说明ISR增量静态渲染EdgeRuntime边缘运行时StreamingSSR流式传输SSR
React
ServerComponents服务器组件下面我们对这几个新概念进行一个初步的认知
星野睡不醒
·
2024-08-26 14:43
Web
nextjs
react
isr
react18
js
外卖系统定制开发:技术选型与架构设计要点
常用的前端技术包括:框架:
React
、Vue.js或Angular状态管理:Redux、VuexCSS预处理器:Sass、Less打包
万岳科技系统开发
·
2024-08-26 13:07
人工智能
小程序
前端
vue ref和
react
ive区别
Vue3中的ref和
react
ive都是用于创建响应式数据的API,但它们在数据类型、使用方式、访问方式、设计理念以及应用场景等方面存在明显的区别。
灰海
·
2024-08-26 08:32
vue.js
前端
javascript
vue3
vue的markdown编辑器插件比对
的使用及效果展示文章说明文章比对md-editor-v3、vditor这两个插件的使用及效果体验md-editor-v3的使用及效果展示安装npminstallmd-editor-v3使用import{
react
ive
bingbingyihao
·
2024-08-26 01:52
vue.js
编辑器
前端
实现 前端框架 SPA 路由功能:Hash 模式与 History 模式的手动实现
前言在前端框架(如Vue.js、
React
等)中,路由管理通常会配置一个router对象来定义URL路径与组件的映射关系。路径(path):这是浏览器URL的一部分,比如/home或/about。
ZhaiMou
·
2024-08-25 17:36
前端框架
哈希算法
算法
前端
vue.js
react
reactjs
react
案例的实现
先看一下如下效果效果这是一个简单的效果左边是用户名进行登录右边是一个答题还有遮罩相信大家还有刚刚创建好的
react
脚手架了,没有的话可以运行以下命令c
react
-
react
-app项目名称把项目名称四个字改成自己想要的一个名字最好是英文的在
怠惰小白程序员
·
2024-08-25 17:02
react.js
前端
javascript
React
+Vis.js(06):vis.js修改选中节点的样式和边的样式
文章目录初始化知识图谱选中节点修改节点背景颜色选中节点修改节点文字颜色未选中节点恢复节点背景颜色和文字颜色修改当前选中节点的边的颜色初始化知识图谱创建network.js组件,来初始化原始知识图谱:import
React
叁拾舞
·
2024-08-25 15:46
Vis.js
javascript
react.js
前端
vis.js
react
中装饰器的使用
利用装饰器简化代码,将表单验证操作统一到一个装饰器中进行首先装饰器的定义为修饰器(Decorator)是一个函数,用来修改类的行为。建立一个装饰器exportdefault(Comp)=>{classCpextendsComp{constructor(props){super(props);this.state={...this.state,errors:{},//errorqueuqthis.e
凉生可可
·
2024-08-25 13:18
实现一个简单的
react
框架 -- (Fiber架构)
简介本文将从头开始编写一个简单的类
react
框架。用于理解fiber原理和hooks的实现,轻松地深入
React
代码库。
nie-ny
·
2024-08-25 04:41
react
reactjs
react
路由创建与使用
1,安装路由npmi
react
-router-dom2,路由组件createBrowserRouter//router/index.jsimport{createBrowserRouter}from"
react
-router-dom"importHomefrom
Rowrey
·
2024-08-25 04:41
react.js
javascript
前端
【
React
Hooks原理 - useTransition】
概述在上一篇中我们介绍了useDeferredValue的基本原理,本文主要介绍一下useTransition这个Hook,之所以在这里提到useDeferredValue,是因为这两个Hook都是在
React
18
宇豪学习录
·
2024-08-25 04:40
React
Hooks原理
react.js
javascript
前端
React
学习——useMemo
useMemo使用场景:消耗非常大的计算,例如递归import{useMemo,useState}from'
react
';//缓存:消耗非常大的计算,例如递归functionfib(n){console.log
大个个个个个儿
·
2024-08-25 03:08
react
react.js
学习
javascript
一文搞懂
React
18原理
文章目录前言
React
初始化过程节点类型首次渲染阶段
React
更新过程更新场景对比更新过程(diff)key作用
React
Fiber架构单线程CPU调度策略分片设计前端如何解决
React
是如何优化的时间分片
小童不学前端
·
2024-08-25 03:37
react
面试
react.js
前端
前端精髓-
React
目录
React
的几大原理:diff原理
React
的工作流程大致如下:
React
为什么要使用reduxRedux基本原理:Redux的核心概念包括:Redux的工作流程大致如下:整个redux工作流程:Reducer
hulovelove
·
2024-08-25 03:07
面试
职场和发展
3月12日日记:【WEBPACK】【
REACT
】
关于webpack遇到的问题本次webpack配置一切顺利,需要注意的地方有两点:在使用babel-loader的时候要将node_modules目录剔除,否则会出现项目中载入css的时候出现css-loader无法加载babel-preset-env的现象:{test:/\.js$/,exclude:/(node_modules)/,...}关于alias的运用,alias在运用的时候,不需要字
钟志弘
·
2024-08-24 21:50
UniApp Vue3版如何实现微信小程序样式穿透
import{computed,
react
ive,ref,toRaw}from"vue";importtype{Ref}from"vue";import{onLoad}from"@dcloudio/
antlers777_
·
2024-08-24 21:59
uni-app
微信小程序
小程序
【Material-UI】深入探讨Radio Group组件的自定义功能
RadioGroup组件的自定义1.样式定制示例2.代码详解3.样式自定义的注意事项三、如何利用自定义功能提升用户体验1.提升视觉一致性2.增强可用性3.实现更灵活的布局四、总结Material-UI是
React
Peter-Lu
·
2024-08-24 19:53
#
material-ui
ui
Material-UI
javascript
前端
Vue3的hooks实战演练
1.没使用钩子前:各种数据和方法都交织一起,组件易维护,代码复用性差,可读性差工资总计:{{sum}}工资求和狗的照片:获取狗的照片import{ref,
react
ive}from'vue';importaxiosfrom'axios'letsum
J不A秃V头A
·
2024-08-24 15:27
前端
前端
javascript
html
React
JSX: A Deep Dive into the JavaScript XML
React
JSX:ADeepDiveintotheJavaScriptXMLIntroduction
React
JSX,oftenreferredtoassimplyJSX,isasyntaxextensionforJavaScriptthatisusedextensivelyinthe
React
libraryforbuildinguserinterfaces.Itallowsdeveloperst
lly202406
·
2024-08-24 15:54
开发语言
探索 LogicFlow Vue Demo:一款强大的可视化建模工具
项目简介LogicFlowVueDemo基于LogicFlow这一核心库,它是一个跨框架(
React
和Vue)的图形编辑器,支持自定义节点、边和
杭律沛Meris
·
2024-08-24 06:57
vue3中shallowRe用法介绍
shallow
React
ive、shallowRef和shallowReadonly是Vue3中CompositionAPI的一部分,它们用于创建响应式数据,但与普通的
react
ive、ref和
phpgolife
·
2024-08-24 04:13
vue
前端
javascript
vue.js
vue3什么场景使用computed?如何使用
比如说,我们有这样一个包含嵌套数组的对象:jsconstauthor=
react
ive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide
fury_123
·
2024-08-23 23:42
javascript
html5
vue.js
yii2 中获取 模块、控制器、方法名的方法
yii2中获取模块、控制器、方法名的方法在视图中在控制器中在控制器的befo
reAct
ion方法中(方法接收$action参数)在视图中模块名:$this->context->module->id;控制器名
爱好者777
·
2024-08-23 20:50
yii
php
深入理解Vue数据响应式
Vue数据响应式主要研究的是Vue构造选项中data属性的特性深入响应式官方文档网址:https://cn.vuejs.org/v2/guide/
react
ivity.html1.首先理解ES6的getter
雨溪滩
·
2024-08-23 18:20
(JS\VUE\
REACT
) div拖拽移动+控制大小(高度、宽度) 及 单独只控制div的宽度
一、div拖拽移动+控制大小(高度、宽度)1.演示数据拖拽测试数据01测试数据022.初始化(页面生成时调用)varbox=document.getElementById('box')vardrag=document.getElementById('drag')varscale=document.getElementById('scale')//调用拖拽方法this.dragTop(drag)//
丁先生320
·
2024-08-23 18:11
javascript
css3
vue
react
前端
react
面试题三
一、请解释
React
的虚拟DOM及其作用。
React
的虚拟DOM(VirtualDOM)是
React
框架中的一个核心概念,它是对真实DOM的一种轻量级内存表示。
笃励
·
2024-08-23 18:41
react.js
react
native
javascript
vue面试题十四
react
ive:用于创建响应式对象,返回一个响应式的代理对象(Proxy)。该对象可以包含多个响应式属性。2
笃励
·
2024-08-23 18:41
前端
vue.js
前端
javascript
为什么调用 setState 而不是直接改变 state
在
React
中,调用setState方法而不是直接改变state的原因涉及多个方面,包括性能优化、状态管理的可预测性、
React
的设计理念等。
小鼠米奇
·
2024-08-23 16:27
前端
javascript
开发语言
React
学习——forwardRef,暴漏子组件的dom元素
父组件拿到子组件的值:使用forwardRefimport{forwardRef,useRef}from'
react
';constInput=forwardRef((props,ref)=>{return
大个个个个个儿
·
2024-08-23 12:04
react
react.js
学习
javascript
从零开始开发跑腿配送系统:技术选型与架构设计
一、技术选型前端技术:
React
:用于构建用户界面,具有组件化和高效的特点。Redux:用于状态管理,便于管理复杂的应用状态。AntDesign:提供一套美观的UI组件,提升开发效率和用户体验。
万岳科技系统开发
·
2024-08-23 04:47
小程序
人工智能
前端
Frameless 开源项目教程
FramelessAchromelesswebbrowserforviewingprototypes.项目地址:https://gitcode.com/gh_mirrors/fram/Frameless项目介绍Frameless是一个基于
React
邬稳研Beneficient
·
2024-08-23 04:43
用一个demo辅助理解spring的
事件机制
文章目录前言一、定义事件类二、定义事件监听器接口三.定义事件发布者类四、实现具体的监听器五、将所有部件结合起来六、运行结果总结前言网上介绍spring
事件机制
的文章很多,非常难入门和理解。
做个天秤座的程序猿
·
2024-08-23 00:46
java
spring
java
事件机制
3秒钟教你如何配置vscode中的vue3代码快速生成模版
.接下来只需在原有的注释之下输入粘贴如下代码即可代码如下:"vue3":{"prefix":"vue3","body":["","","","","","","","","","import{ref,
react
ive
一只花小妖
·
2024-08-22 23:44
vscode
ide
编辑器
React
Hooks 的一些使用小技巧
前言大家好,我是晓羽,文末有我帮助500+名同学完成改造的前端文章!欢迎大家观看~useState回调函数参数用法:能够给useState通过回调函数的形式给useState提供初始参数。介绍:useState的参数可以有两种形式:1.useState(普通的数据)=>useState(0)/useState('abc')2.useState(回调函数)=>useState(()=>{return
偏爱前端的晓羽
·
2024-08-22 17:07
react.js
前端
前端框架
javascript
react
脚手架留言板(1)
首先打开cmd输入npxcreate-
react
-appmy-app创建一个
react
库在src中找到index.js将里面内容清空然后创建四个js文件Comment,CommentBox,CommentList
落花不羡月
·
2024-08-22 00:53
react.js
javascript
前端
前端框架
css
(尚)
react
教程(2022-11-20)
第一章:JavaScript复习1.复习js中的三种变量声明三种声明方式:第一种:首先使用的const如果希望变量被改变则使用let关键字至于var关键字最好报在代码中出现Title/*var和let对比:*var*-没有块级作用域**let*-有块级作用域**const和let类似具有块级作用域但是它只能赋值一次使用场景:对于一些常量可以使用这个关键字**对于一些对象函数也可以使用这个关键字这样
~风淡~
·
2024-08-21 23:18
HTML
react.js
javascript
前端
JavaScript+
react
笔记
开始一个工程安装脚手架及工具下载node.js并安装node-v检查是否安装成功npminstallcreate-
react
-app-g安装yarnnpminstall-gyarnyarn--versionYarn
mayi666777
·
2024-08-21 23:15
react
javascript
react.js
前端
8月22日在线研讨会 | 如何提高仿真测试的真实性和覆盖度
该系统通过实时数据反馈和状态机模型优化(如
React
ive-Replay方法),整合多源传感器、驾驶行为和环境数据,构建出高保真度的仿真环境,确保仿真的高精度和高可靠性。
经纬恒润
·
2024-08-21 22:09
在线探讨会
工程咨询
智能驾驶
仿真测试
Vue项目-Cesium案例(三)
JavaScriptimport*asCesiumfrom"cesium/Source/Cesium";importCesiumNavigationfrom"cesium-navigation-es6";import{
react
ive
呆呆的小草
·
2024-08-21 19:21
vue.js
javascript
ecmascript
Vue项目-Table添加Form表单校验
新增表格数据{{row.name}}{{row.age}}{{row.sex}}删除任务信息生成二、JS//------------------->-------------------import{ref,
react
ive
呆呆的小草
·
2024-08-21 19:21
Vue
vue.js
elementui
javascript
react
native 总结
react
app.js相当与vueapp.vueimport
React
from'
react
';import'./App.css';import
React
Routefrom'.
一切顺势而行
·
2024-03-28 14:48
react
native
react.js
javascript
React
Native应用打包后无网络解决方案
React
Native打包应用后,应用没有网络解决方案:在android\app\src\main\res下创建xml文件夹在xml文件夹中创建network_security_config.xml文件
程序猿也会飞
·
2024-03-28 14:16
最佳实践
react
native
android
react.js
深入理解
React
中的 children props 和 render props
深入理解
React
中的childrenprops和renderprops在
React
中,childrenprops和renderprops是两种常见的组件复用模式,它们都可以帮助我们更好地组织和复用组件代码
JudithHuang
·
2024-03-28 13:45
React
从入门到放弃
react.js
javascript
前端
react
ive和ref的异同、toRef和toRefs的使用
一、
react
ive和ref有了
react
ive为什么还要ref?ref处理起基本数据类型来更加的方便快捷,性能要更好。
Niucode
·
2024-03-28 12:14
vue3
vue.js
前端
javascript
html版本号 webpack_html-webpack-plugin详解
引言最近在
react
项目中初次用到了html-webapck-plugin插件,用到该插件的两个主要作用:为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题可以生成创建
weixin_39994949
·
2024-03-27 03:51
html版本号
webpack
11
React
组件通信 父传子
在
React
中实现组件通信是非常常见的需求,其中包括父子组件通信。以下是几种常见的父子组件通信的例子,以及需要注意的知识:Props传递:这是最基本的父子组件通信方式。
a457636876
·
2024-03-26 12:29
React
react.js
javascript
前端
React
中 setState 更新状态的两种写法
React
中setState更新状态的两种写法在
React
中,我们经常需要更新组件的状态(state)。
JudithHuang
·
2024-03-25 23:13
React
从入门到放弃
react.js
前端
前端框架
/jsx-runtime.js“ specifier in “
react
“ package
修复vite构建时错误vite打包,第三方包引用的
react
版本不一致问题修复(不是最优解)//vite.config.jsimport{defineConfig}from'vite';import
react
from
清羽_ls
·
2024-03-25 21:10
前端&&沉淀
javascript
react.js
前端
React
—— props校验(非typescript校验类型)
非typescript环境下,当我们在封装组件的时候,接受props时传入的内容,需要做类型检测,那我们可以用props校验进行类型的检查。props校验允许在创建组件的时候,就约定props的格式、类型等实现步骤:导入prop-types包使用组件名.propTypes={}来给组件的props添加校验规则校验规则通过PropTypes对象来指定如果props想设置默认值,可以通过default
水煮庄周鱼鱼
·
2024-03-25 05:21
React
react.js
typescript
javascript
使用 Redux 管理
React
应用状态
使用Redux管理
React
应用状态在复杂的
React
应用中,管理组件状态变得越来越复杂,这时候引入Redux可以帮助我们更好地管理状态。
JudithHuang
·
2024-03-24 20:09
React
从入门到放弃
react.js
javascript
前端
上一页
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
其他