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
】
react
组件传参
【
React
】
react
组件传参一、props:父组件向子组件传参1、将普通的参数作为props传递2、将jsx作为props传递(组件插槽)二、自定义事件:子父组件向父组件传参三、context进行多级组件传参四
香菜啵子欸
·
2024-02-02 23:45
React
笔记
react.js
javascript
前端
【
React
】memo()、useCallback()、useMemo()的区别及使用场景
介绍
React
中三个hooks方法memouseCallbackuseMemo的作用及使用场景示例一、
React
.memo():用来控制函数组件的重新渲染,将组件作为参数,函数的返回值是一个新的组件。
香菜啵子欸
·
2024-02-02 23:44
React
笔记
react.js
javascript
前端
基于webpack Code Splitting实现
react
组件的按需加载
webpack作为当下最为流行的模块打包工具,成为了
react
、vue等众多热门框架的官方推荐打包工具。其提供的CodeSplitting(代码分割)特性正是实现模块按需加载的关键方式。
weixin_33949359
·
2024-02-02 23:43
webpack
javascript
runtime
ViewUI
从源码全面剖析
React
组件更新机制
React
把组件看作状态机(有限状态机),使用state来控制本地状态,使用props来传递状态.前面我们探讨了
React
如何映射状态到UI上(初始渲染),那么接下来我们谈谈
React
时如何同步状态到UI
短暂又灿烂的
·
2024-02-02 23:43
前端
React
前端实现弹小球功能
import{useEffect,useState}from"
react
";const
卡卡舅舅
·
2024-02-02 23:12
前端-React
前端
javascript
开发语言
react
hooks父子组件的代码执行顺序
/***
react
hooks代码的执行顺序:*1.先要了解js的事件循环机制,了解主线程,任务队列,宏任务,微任务*2.先执行父组件的主线程代码,再执行子组件的主线程代码;*3.先执行子任务的useEffect
蓝冰凌
·
2024-02-02 23:41
react.js
javascript
前端
React
实现组件扩展机制
在java中,SPI机制是Java中提供的一种服务发现机制。同样,前端也很需要这种机制,这样可以做到组件可插拔,可替换,减少相互冗余。快速使用1.扩展点使用通过使用Extension组件定义扩展点,通过name标记扩展点。functionApp(){return();}2.扩展点定义在约定的init文件中,配置自定义的扩展点。import{extensionManager}from"./exten
卡卡舅舅
·
2024-02-02 23:10
前端-React
react.js
前端
前端框架
React
中组件的props属性传递机制
React
中组件的属性传递机制,由父组件传递给子组件,不能跨级传递。当有多个组件嵌套时,从最外层的祖先组件的props开始,依次向其后代组件传递props。
清颖~
·
2024-02-02 23:10
前端
React
React
props
属性传递机制
【
React
进阶】类组件之生命周期钩子详解「基于
React
16.4」
时隔一年半之久再次重新学习
React
,好多都还是原来的样子,这次我要重新开启
React
的大门,希望各位小伙伴可以一起讨论学习呦~前言今天我们开启第二个专题:
React
中生命周期钩子的使用。
八了个戒
·
2024-02-02 22:25
React系列
前端
前端面试
react.js
javascript
react
前端框架
前端
docker安装配置nginx部署
react
项目
1.下载镜像dockerpullnginx2.创建挂载目录mkdir-p/data/nginx/{conf,conf.d,html,logs}3.创建配置文件在目录/data/nginx/conf下创建nginx.confusernginx;worker_processes1;error_log/var/log/nginx/error.logwarn;pid/var/run/nginx.pid;e
whalekkk
·
2024-02-02 20:21
前端
nginx
docker
react.js
react
父子组件通信案例
父组件:App组件子组件:Search组件、List组件案例需求:文本框中输入关键词,点击搜索按钮后,下方列表展示出搜索结果实现思路:子组件Search组件向父组件App传递状态(状态包括:是否为第一次打开页面isFirst、是否处于加载中isLoading、搜索出来的列表结果users、请求相关的错误信息err)解决方案:想要实现子向父传递状态,可以采取父向子传递一个方法,然后子中通过this.
小小白学计算机
·
2024-02-02 20:17
React
react.js
父子组件通信
前端
js
react
——组件通信
组件通信分为父子组件之间的通信和非父子之间的通信,在父子组件通信中用到的是父传子(传递数据),字传父(传递方法),类组件多了个this,函数组件则不需要this。非父子组件通信,跨域的比较大,组件层级嵌套比较多,因此相对来说会比较复杂,但是也有方式来实现:状态提升(中间人模式,前提是必须是亲兄弟,关系复杂后不适用),发布订阅者模式(实际开发中用redux),context状态树传参(官方方法)一、
夏*想想
·
2024-02-02 20:15
react学习
react.js
前端
前端框架
react
实现组件通信的案例
当使用
React
构建应用程序时,组件通信是一个重要的话题。
KingDol_MIni
·
2024-02-02 20:12
前后端技术
react.js
javascript
前端
react
+ts
1.概念
React
和TypeScript集合使用的重点集中在存储数据/状态有关的Hook函数以及组件接口的位置,这些地方最需要数据类型校验2.使用Vite创建项目Vite是前端工具链工具,可以帮助我们快速创建一个
jiojio在学习勒
·
2024-02-02 19:56
React
react.js
arcgis
前端
react
之 zustand
zustand可以说是redux的平替官网地址:https://zustand-demo.pmnd.rs/1.安装npmizustand2.基础使用//zustandimport{create}from'zustand'//1.创建store//语法容易出错//1.函数参数必须返回一个对象对象内部编写状态数据和方法//2.set是用来修改数据的专门方法必须调用它来修改数据//语法1:参数是函数需要
jiojio在学习勒
·
2024-02-02 19:26
React
react.js
javascript
ecmascript
react
之 Class API
classAPI就是编写类组件,虽然
react
官方不在推荐使用,但是一般公司里维护的老项目里还是有的,可以简单了解下1.类组件的基础结构类组件就是通过js里的类来组织组件的代码的1️⃣通过类属性state
jiojio在学习勒
·
2024-02-02 19:55
React
react.js
javascript
ecmascript
React
状态管理Zustand简单介绍和使用
Zustand是一个简单且轻量级的状态管理库,适用于
React
应用程序。它基于
React
的ContextAPI和Hooks,提供了一种简单的方式来管理共享状态。
KingDol_MIni
·
2024-02-02 19:54
springboot
react.js
javascript
前端
react
之 UseMemo
count的变化计算斐波那契数列之和,但是当我们修改num状态的时候,斐波那契求和函数也会被执行,显然是一种浪费//useMemo//作用:在组件渲染时缓存计算的结果import{useState}from'
react
'functionfactorialOf
jiojio在学习勒
·
2024-02-02 19:23
React
react.js
javascript
前端
【笔记】
React
Native实战练习(仿网易云游戏网页移动端)
/***如果系统看一遍RN相关官方文档,可能很快就忘记了。一味看文档也很枯燥无味,*于是大概看了关键文档后,想着直接开发一个Demo出来,边学边写,对往后工作*开发衔接上能够更顺。这期间肯定会遇到各种各样的问题,所以也算是一个积累*经验的小过程。*/准备工作:直接在前面两篇笔记的项目基础上,然后随便找了个网易云游戏网页(在Google浏览器上打开调试模式,选择手机模式,网易云游戏网页正好有适配移动
!Mortal
·
2024-02-02 18:29
react
native
发布订阅模式的应用:解决
react
中复杂层级的数据交互
以自定义事件为调度中心,创建一个EventCenter类,默认导出一个EventCenter实例//调度中心classEventCenter{constructor(){//创建一个事件中心,数据模型:{event:[fn,fn]}this.eventCenter={};}/***订阅事件*eventName{string}订阅事件名称*backFn{Function}收到通知的回调函数**/li
天蒙蒙亮
·
2024-02-02 16:34
React
react.js
前端
前端框架
webpack 入门1
npminit-ynpmiwebpackwebpack-cliwebpack-dev-serverhtml-webpack-plugin@babel/corebabel-loader@babel/preset-env@babel/preset-
react
-D2
天蒙蒙亮
·
2024-02-02 16:29
Webpack
webpack
前端
详解SkyWalking前端监控的性能指标
实现的方式是引入skywalking-client-js库,这是一个skywalking官方出品的一个前端埋点上报插件,支持
React
,Angular,Vue框架。它有如下功能:提供指标和错误
测试开发Kevin
·
2024-02-02 16:24
APM应用性能监控
skywalking
前端
apk反编译修改
教程系列
---修改apk的默认颜色 布局颜色 手机电脑同步演示【十】
往期教程:apk反编译修改
教程系列
-----修改apk应用名称任意修改名称签名【一】apk反编译修改
教程系列
-----任意修改apk版本号版本名防止自动更新【二】apk反编译修改
教程系列
-----修改apk
安卓机器
·
2024-02-02 15:07
apk反编译系列进阶教程
修改apk颜色
美化apk
react
-native 闪屏
app闪屏是一个常见的需求,今天我们来说一下使用
react
-native-splash-screen组件实现闪屏功能。
sybil052
·
2024-02-02 15:28
Vue(二十):ElementUI 扩展实现表格组件的拖拽行
表格组件必须添加row-key属性,用来优化表格的渲染{{JSON.stringify(tableData.map(d=>JSON.stringify(d)),null,4)}}import{nextTick,
react
ive
Prosper Lee
·
2024-02-02 15:00
Vue
vue.js
elementui
前端
拖拽
el-table
BABEL学习总结
Babel是广泛使用的转码器,可将es6转为es5配置文件.babelrc{"presets":["es2015","
react
","stage-2"],"plugins":[]}presets字段设定转码规则
kayleeWei
·
2024-02-02 14:59
react
实现点击其他地方,隐藏列表(点击元素外)
弹窗组件可以用
React
Portals实现:
react
官网createPortal实现步骤:这是一个简单的点击按钮,显示列表。再次点击隐藏。但我的需求是,点击其他地方也隐藏。
崽崽的谷雨
·
2024-02-02 14:20
React
react.js
javascript
前端
MVC & MVVM &
React
iveCocoa
一.MVCModels--负责主要的数据或者操作数据的数据访问层,可以想象Perspn和PersonDataProvider类。Views--负责展示层(GUI),对于iOS环境可以联想一下以UI开头的所有类。Controller/Presenter/ViewModel--负责协调Model和View,通常根据用户在View上的动作在Model上作出对应的更改,同时将更改的信息返回到View上。优
勇敢的_心_
·
2024-02-02 14:03
React
Native Cannot read property ‘map‘ of undefined
学习
React
native开发中,自定义了一个组件,传参进来了一个数组tabList想读取数组值的时候,tabList.map(item=>item.component)一直报Cannotreadproperty'map'ofundefined
源源源源圆圆
·
2024-02-02 13:19
react
native
react.js
javascript
10个
React
状态管理库推荐
本文将为您推荐十款实用的
React
状态管理库,帮助您打造出高效、可维护的前端应用。让我们一起看看这些库的魅力所在!在前端开发中,状态管理是至关重要的一环。
树上有只程序猿
·
2024-02-02 13:16
react.js
前端
前端框架
React
16源码:
React
中event事件系统初始化源码实现
event事件系统初始化1)概述
react
事件系统比较的复杂,它是基于dom的事件系统在dom事件系统上面进行了一个深度的封装它里面的很多实现逻辑都是自由的一套在初始化
react
-dom的源码的时候,会为
Wang's Blog
·
2024-02-02 13:15
React
React
Native
react.js
前端
前端框架
React
16源码:
React
中event事件监听绑定的源码实现
event事件监听1)概述在
react
-dom代码初始化的时候,去注入了平台相关的事件插件接下去在
react
的更新过程绑定了事件的操作,在执行到completeWork的时候对于HostComponent
Wang's Blog
·
2024-02-02 13:15
React
React
Native
react.js
前端
前端框架
react
native错误记录
第一次运行到安卓失败Couldnotfindimplementationclass'com.facebook.
react
.
React
RootProjectPlugin'forplugin'com.facebook.
react
.rootproject'specifiedinjar
不努力code
·
2024-02-02 13:13
react
react
native
react.js
javascript
QUANTAXIS探索(六)转一篇使用指南
(quantaxis里有个stu文件夹,应该是
教程系列
的,但可惜未完工,不过首篇的思考很适合小白了解量化,也提供了探索QUANTAXIS的提纲,故将天神作品转录如下,并做了适当的格式转化,源地址:PO_Head.md
萧行之
·
2024-02-02 13:58
python
金融
2019-07-12
React
(高阶组件HOC、context、Redux)
1、高阶组件就是一个函数,传给它一个组件,它返回一个新的组件。高阶组件的作用其实不言而喻,其实就是为了组件之间的代码复用。组件可能有着某些相同的逻辑,把这些逻辑抽离出来,放到高阶组件中进行复用。高阶组件内部的包装组件和被包装组件之间通过props传递数据。它其实就是设计模式里面的装饰者模式。它通过组合的方式达到很高的灵活程度。2、image.png3、一个组件可以通过getChildContext
柳叁叁
·
2024-02-02 13:41
Vue3 + vite + Ts + computed(计算属性) 和 watch(侦听器)的简单使用方法
简单使用方法,实例代码如下:import{ref,
react
ive,computed}from'vue'//计算总价格,通过computed计算属性来计算consttota
W.Y.B.G
·
2024-02-02 13:39
笔记
Vue.js
vue3
vue.js
前端
javascript
AJAX-入门
定义概念:AJAX是浏览器与服务器进行数据通信的技术使用1.先使用axios库,与服务器进行数据通信1)基于XMLHttpRequest封装、代码简单、月下载量在14亿次2)Vue、
React
项目中都会用到
小沐°
·
2024-02-02 12:17
AJAX
ajax
前端
javascript
immutable的作用和在
react
中的应用
有人说Immutable可以给
React
应用带来数十倍的提升,也有人说Immutable的引入是近期JavaScript中伟大的发明,因为同期
React
太火,它的光芒被掩盖了。
Yong_bcf4
·
2024-02-02 11:16
react
-lazyload 的介绍、安装、使用。
目录基本介绍安装使用基本使用详细属性基本介绍
react
-lazyload是一个
React
组件,用于延迟加载(懒加载)页面上的图片或其他资源。
大聪明码农徐
·
2024-02-02 09:24
React
react.js
前端
前端框架
react
-photo-view 的介绍、安装、使用。
目录基本介绍安装使用基本介绍
react
-photo-view是一个基于
React
的图片查看器组件,用于在网页上展示和浏览图片。该组件提供了用户友好的界面和交互,可以轻松地在应用程序中集成并使用。
大聪明码农徐
·
2024-02-02 09:24
react.js
前端
前端框架
介绍一个.Net反混淆工具
de4dot是目前最主流的反混淆工具,它使用dnlib来读取和写入程序集可解密以下工具混淆过的.NET代码,如Xenocode、.NET
React
or、MaxtoCode、Eazfuscator.NET
天天进步2015
·
2024-02-02 08:03
加解密
编程技巧
c#
从0搭建
react
+ts+redux+axios+antd项目
TypeScript配置三、Webpack配置四、Prettier统一编码风格五、使用less六、Antd安装及使用七、添加Router及配置八、安装axios九、添加redux及使用本文介绍了如何用creat-
react
-app
Ying(英子)
·
2024-02-02 08:55
web前端
react
react.js
前端
前端框架
redux
react+antd
typescript
react项目搭建
TerserWebpackPlugin详解
一、简单实用注:此文章来自于github翻译来,仅供参考,具体配置需要结合自己的技术框架配置(vue/
react
等)npminstallterser-webpack-plugin--save-devnewTerserPlugin
景尘
·
2024-02-02 08:23
web性能优化
webpack
React
学习笔记 —— antd 的使用
步骤总结、antd的按需引入+自定主题安装依赖:yarnadd
react
-app-rewiredcustomize-crababel-plugin-importlessless-loader修改package.json
Kevin11Yao
·
2024-02-02 07:18
React
react
react
+antd学习笔记 (1)
1、安装yarn和create-
react
-app,用create-
react
-app创建自己的项目。
daisy前端小白
·
2024-02-02 07:42
react学习笔记
React
+umi+antd 学习笔记——项目搭建(未完成)
React
+umi+antd学习笔记——项目搭建脚手架安装
react
+umi+typescript安装依赖添加antd运行项目umi用于路由;antd=>UI界面组件;typeScript=>javascript
cxylcc
·
2024-02-02 07:10
前端
React
react
服务器渲染(SSR)-前端框架
Next.js、Nuxt.js和Remix都是基于Node.js比较流行三个前端框架,它们都基于JavaScript和
React
/Vue构建,并提供了一些额外的功能和工具来简化开发过程。
new code Boy
·
2024-02-02 07:08
前端
javascript
vue.js
react
和antd学习笔记
概论
react
是前端框架,antd是组件库。
my烂笔头
·
2024-02-02 07:38
前端
前端
前端框架
react
react.js
前端框架和组件库的区别与联系
常见的前端框架有
React
、Vue和Angular等。组件库是一种可复用的UI组件集合,它提供了一系列已经封装好的UI组件,开发者可以直接使用这些组件来构
my烂笔头
·
2024-02-02 07:07
前端
前端
前端框架
react
为什么RAG是件大事【检索增强生成】
这就需要LLM技术的民主化,而它离不开
ReAct
范式。成本必须下降。一项关键技术是检索增强生成(RAG),它可以使LLM个性化,而无需昂贵的训练过程(“微调”)。
新缸中之脑
·
2024-02-02 06:04
RAG
上一页
21
22
23
24
25
26
27
28
下一页
按字母分类:
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
其他