《React

React 自定义 hooks实现自动上报页面浏览量｜点击事件

通过自定义hooks，来控制监听DOM元素，分清楚依赖关系exportconstLogContext=createContext({});exportconstuseLog=()=>{/*定义一些公共参数*/constmessage=useContext(LogContext);constlistenDOM=useRef(null);/*分清依赖关系*/constreportMessage=use

一个00后前端开发·2025-02-18 17:01

Vue 3 Composition API进阶指南

在上一篇文章中，我们介绍了Vue3的CompositionAPI基础，包括如何使用setup函数、ref和reactive来创建响应式数据，以及使用watchEffect来监控数据变化。

前端学步·2025-02-18 16:55

nextjs中集成富文本编辑器wangEditor

[app-router]postgres@latest(本章不涉及)@wangeditor/[email protected]@wangeditor/editor-for-react@1.x使用引入富文本编辑器npmi-S

不cong明的亚子·2025-02-18 16:55

菜鸟的成长之路

树堆完全二叉树平衡二叉树二叉查找树B树红黑树lsm树图通用算法排序十种排序算法查找二分查找深度广度优先搜索分治贪心回朔动态规划网络协议OSITCP/IP状态转移拥塞控制可靠工作原理socket编程HTTP/HTTPSIO模型同步IOreactor

东风吹破了青花瓷·2025-02-18 16:23

useMemo 和 memo 的理解和区别

在React中，useMemo和memo都用于优化性能，减少不必要的渲染，但它们的使用场景不同。

程序员小续·2025-02-18 10:25

React源码解读

配置React源码本地调试环境本次环境构建采用了node版本为16、react-scripts版本号为3.4.4，源码下载地址react源码调试:react源码调试环境使用create-react-app

程序员小续·2025-02-18 10:24

低代码平台调研结果

调研要求：项目活跃度技术栈：react低代码功能点和业务切合度低代码平台调研项目一、百度aims百度aims体验地址：https://aisuda.github.io/amis-editor-demo/

大唐荣华·2025-02-18 10:23

一些流行的拖拽化和低代码平台(汇总)

一些流行的拖拽化和低代码平台，这些工具可以帮助用户快速构建应用程序，无需深入的编程知识：1.开源拖拽库dragula：一款强大且兼容性极好的拖拽排序库，支持多种框架，如vanillaJavaScript、Angular、React

视频砖家·2025-02-18 10:22

【Linux】【网络】Reactor模式

【Linux】【网络】Reactor模式1.Reactor模式：Reactor模式是一种事件驱动的设计模式，同步I/O通常用于设置Reactor模式主线程(I/0处理单元，下同)只负责监听文件描述上是否有事件发生

钟离墨笺·2025-02-18 08:05

详解 React 18 更新后的特性，一文即懂

React18通过其改进的渲染系统带来了并发能力，并在此基础上构建了转换或自动批处理等性能增强特性。下面就看看到底有哪些值得关注的新特性。

FinBird·2025-02-18 04:20

react技术全家桶（26）高阶函数函数柯里化

saveUserName=(event)=>{console.log(event.target.value)this.setState({userName:event.target.value})}savePassword=(event)=>{console.log(event.target.value)this.setState({password:event.target.value})}有没

没有女朋友的程序员·2025-02-18 02:26

React之高阶函数_函数柯里化

一函数接收返回值是函数就是的（下面的event就是函数）函数柯里化：函数调用继续返回函数，多次处理参数最后统一处理（最后面例子returna+b+c）*///1.创建组件classLoginextendsReact.Component

无名`·2025-02-18 02:26

React---高阶函数和函数柯里化的理解

一、高阶函数如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。1.若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。2.若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。常见的高阶函数有：Promise、setTimeout、arr.map()等等二、函数柯里化通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。functionsum

lelara·2025-02-18 01:50

react 常用

阅读目录安装脚手架工具create-react-app查看react-router-dom所有版本查看react所有版本指定版本安装react-router-dom安装脚手架工具create-react-appnpminstall-gcreate-react-appcreate-react-app

知其黑、受其白·2025-02-17 19:40

计算机学习建议

对于现代得计算机开发者而言；最快的是要见到成效；这是一个功利性的社会；对于99%的人来说，先保证自己可以在社会上活下去才是最重要的；而不是追求梦想；一、职业Web前端：HTML、CSS、JavaScript、Vue3框架、React

qincjun·2025-02-17 19:09

用vue3写一个好看的wiki前端页面

Wiki风格前端页面示例，包含现代设计、响应式布局和常用功能：TechWiki开发文档快速开始API参考部署指南数据分析数据规范可视化指南{{currentDoc.title}}草稿import{ref,reactive

云浩舟·2025-02-17 18:30

React 中props和state的区别

一、props用法classMyComponentextendsReact.Component{//此

黑马嘎·2025-02-17 15:05

React中React.PureComponent和React.Component有什么区别？

React中React.PureComponent和React.Component有什么区别？

小新-alive·2025-02-17 14:58

vite和react有什么区别？

Vite和React在功能和定位上有明显的区别。Vite是一个基于浏览器原生ESimports的开发服务器和构建工具，旨在弥合当前和下一代Web开发之间的差距。

因上精进，果上随缘·2025-02-17 14:58

vertx

vert.x是reactive(响应式编程),是一种思想,特点:事件驱动(发挥单台机器的性能):单台机器上,用少量线程处理大量并发异步处理请求(多个服务间通信阻塞较少,响应时间降低):https://vertx.io

三笠爷·2025-02-17 11:58

深入解析 Vert.x 的关键特性、架构及其在异步编程中的应用

1.Vert.x底层架构详解1.1多反应器架构(Multi-ReactorPattern)Vert.x的核心是基于多反应器模式（Multi-ReactorPattern），这使得它可以有效地处理大量的并发

不是二师兄的八戒·2025-02-17 10:21

Vue3 使用 ref、reactive响应式丢失

文章目录一、refreactive实例1.引用refreactive属性2.refreactive替换整条数据3.refreactive解构赋值一、refreactive实例1.引用refreactive

张帅涛_666·2025-02-17 09:15

vue3 reactive丢失响应式

问题使用reactive构造响应式对象时，当对其进行重新赋值后，会导致原有变量失去响应式，页面不会发生联动更新例如：1、使用reactive定义一个响应式的对象变量letdata1=reactive({

想不到耶·2025-02-17 09:41

vue3响应式丢失解决办法（三）

conststate=reactive({a:1,b:2});比如上面一个响应式对象state，该对象在其他组件或者页面需要

xiaozaq·2025-02-17 08:38

基于vue3实现的课堂点名程序

课堂点名座位组件seat.vue//组合式APIimport{ref,reactive,onMounted}from'vue';constseatImage=ref('/src/assets/desk.jpg

zhouzhurong·2025-02-17 06:52

【kafka系列】broker

处理消费者消息的核心流程关键点总结Broker接收生产者消息和返回消息给消费者的流程逻辑分析Broker处理生产者消息的核心流程接收请求Broker的SocketServer接收来自生产者的ProduceRequest（基于Reactor

漫步者TZ·2025-02-17 02:21

前端三大主流框架：React、Vue、Angular

文章目录一、React、Vue、Angular简介二、React初始化案例三、Vue初始化案例四、Angular初始化案例五、相关链接一、React、Vue、Angular简介前端三大主流框架分别是Angular

m0_54851477·2025-02-17 01:39

探索Redux：构建可预测、可测试的JavaScript应用

JavaScript应用learn-redux:boom:ComprehensiveNotesforLearning(howtouse)ReduxtomanagestateinyourWeb/Mobile(React.js

黎杉娜Torrent·2025-02-16 18:45

vue中ref/reactive的区别是什么

在Vue中，`ref`和`reactive`是两种不同的响应式数据处理方式，它们的区别主要体现在作用对象和使用场景上。1.

子玉欸·2025-02-16 14:21

对前端的技术进行分层

前端相比较后端而言，由于其发展历史和浏览器的标准不一，导致其看上去简单，但是深入起来又很复杂，在最开始学习的时候，我们往往是了解一下三剑客和vue、react的api就开始上手工作了，但是到后面会发现，

艾米栗写代码·2025-02-16 14:20

vue3 ref/reactive 修改数组的方法

import{ref}from'vue'//给每个todo对象一个唯一的idletid=0constnewTodo=ref('')consttodos=ref([{id:id++,text:'LearnHTML'},{id:id++,text:'LearnJavaScript'},{id:id++,text:'LearnVue'}])functionaddTodo(){todos.value.pu

取啥好·2025-02-16 13:45

一文讲清前端热更新

一、热更新的“现象”：开发者眼中的魔法假设你正在开发一个React应用：修改CSS文

艾米栗写代码·2025-02-16 13:15

如何在Java中处理异步操作中的异常？

1.使用Future和ExecutorService2.使用CompletableFuture3.使用RxJava或ProjectReactor4.异步框架的特定异常处理在Java中处理异步操作中的异常是一个重要的任务

北执南念·2025-02-16 13:12

20.LMAX——DDD的极致性能架构

sid=1940048&ctype=0文章目录历史起源架构目标架构要素时序对比传统时序事件溯源时序LMAX时序单线程非阻塞异步IO（reactor）多线程单线程事件溯源高可用方案代价总结优点缺点适用范围历史

MQLYES·2025-02-16 12:06

开发一个ERP（企业资源计划）系统是一个复杂且需要系统化设计的项目，涉及技术选型、模块设计、数据库规划、权限管理、前后端开发等多个环节

）销售管理（客户、订单、出库）库存管理（实时库存、调拨、盘点）财务管理（应收/应付、总账、报表）生产管理（BOM物料清单、工单）人力资源（员工、考勤、薪资）权限管理（角色、数据隔离）2.技术选型前端：React

星糖曙光·2025-02-16 09:09

vue3.x 的 toRef详细解读

1.toRef的作用核心功能toRef用于从响应式对象（reactive对象）中提取一个属性，并将其转换为一个ref对象。

黑码小帅·2025-02-16 07:23

DataWhale 组队学习 wow-agent task2 体验总结归纳

一、Llama-index知识体验1.ReActAgent与业务自动化ReActAgent：通过ReActAgent，业务逻辑可以自动转换为代码，只要有相应的API，模型就可以调用。

菜鸟码农01·2025-02-16 02:46

vue和react的区别

概念Vue是一种渐进式框架，可以逐步应用到现有项目中，也可以作为完整的单页应用开发；React更像是一个视图层库，它只负责应用的视图部分，其他功能如路由、状态管理等需要借助第三方库。

匿名用户888·2025-02-16 01:42

Vue和React的区别

组件开发方式：Vue使用单文件组件（SFC）,HTML,JS和CSS在一个文件内实现exportdefault{//JavaScript代码}.my-component{/*CSS样式*/}React使用

挨踢女孩y·2025-02-16 01:11

React VS Vue

React和Vue是目前最流行的两个前端框架，它们在设计理念、生态系统和开发体验上各有特点。

懒人村杂货铺·2025-02-16 01:10

【React Hooks原理 - forwardRef、useImperativeHandle】

但是有时候我们需要在父组件中访问子组件的dom或者属性/方法，而React中默认是不允许父组件直接访问子组件的dom的，这时候就可以通过forwardRef将ref传入子组件，并暴露子组件的dom给父组件使用

宇豪学习录·2025-02-16 01:40

React Hooks forwardRef useImperativeHandle TypeScript类型最佳实践

定义官网文档forwardRef:转发refuseImperativeHandle:用于自定义暴露给父组件的实例值版本"react":"^17.0.2""@types/react":"^17.0.44"

m0_67265464·2025-02-16 00:05

详谈React中 forwardRef、useImperativeHandle的使用场景

React会调用该函数并传入父组件传递的props和ref。返回的JSX将作为组件的输出。返回值forwardRef返回一个可以在JSX中渲染的React组件。

凉菜凉凉·2025-02-16 00:03

SpringWebFlux结合多线程编写流式处理异步返回接口

文章目录概要整体架构流程技术细节小结概要java使用多线程为关系型数据库结合spring响应式编程模拟流式处理整体架构流程使用webFlux的时候如果涉及到数据库操作是需要数据库支持的，非关系型数据库对此支持比较友好如redis的ReactiveStringRedisTemplate

starsAreCloser·2025-02-16 00:02

记-react-connect中使用forwardRef 问题。

记-react-connect中使用forwardRef问题。

$(薛定谔的喵)·2025-02-16 00:30

forwardRef

`forwardRef`是React提供的一种高级API，用于在函数组件中转发（forward）`ref`到子组件的DOM元素或类组件。

懒人村杂货铺·2025-02-15 23:29

3小时搞定Vue+React多应用架构》

微前端落地实践指南（qiankun框架）微前端核心架构图graphTDA[主应用]-->B[vue子应用]A-->C[react子应用]A-->D[angular子应用]B-->E{通信机制}C-->ED

庸俗今天不摸鱼·2025-02-15 22:48

Android RXjava实现子线程做耗时操作，比new Thread和handler更香

1.首先是在build.gradle里面引用下面两个库implementation‘io.reactivex.rxjava2:rxandroid:2.0.1’implementation‘io.reactivex.rxjava2

weixin_44693887·2025-02-15 20:05

React Hooks 与 Vue Composition API 的区别

牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录1.设计哲学ReactHooksVueCompositionAPI2

阿珊和她的猫·2025-02-15 18:21

react-native-swiper active dot无法更新解决方案

({previewUrl.map((item,index)=>())}):()}结论占位符必须在2张以上，不然react-native-swipper会认为当前激活的index一直为0。

xiangjiu99287·2025-02-15 17:39

推荐频道