react专题

【前端工程化】前端组件模版构建那些事

本文档主要围绕组件设计原则、分类建议和使用方式展开，适用于Vue或React技术栈下的开发场景。

·2025-07-07 11:42

react组件内点击事件的this的4种指向方法

this方法二.通过在构造函数constructor内使用bind对函数内的this重定向方法三.通过箭头函数在事件内改变this指向方法四.通过使用箭头函数来指向外部组件内this（使用较多）扩展：1.react

程序员--韩同学·2025-07-07 11:16

react中的this指向问题

react中this指向问题对于class来说,在class中定义的方法实际上绑定在类的原型中(prototype),我需要通过class的实例调用这个方法才能拿到实例的this例如下方代码classPersonextendsReact.Component

匀升ovo·2025-07-07 11:15

React this指向问题

state//1.创建组件classWeatherextendsReact.Component{//构造器调用几次？

·2025-07-07 11:15

大语言模型应用指南：ReAct 框架

大语言模型应用指南：ReAct框架关键词：大语言模型,ReAct框架,自然语言处理(NLP),模型融合,多模态学习,深度学习,深度学习框架1.背景介绍1.1问题由来近年来，深度学习技术在自然语言处理(NLP

AI大模型应用实战·2025-07-07 11:44

一、react18+项目初始化（vite）

react19使用antd兼容问题npminstall@ant-design/v5-patch-for-react-19--save//入口处引用import‘@ant-design/v5-patch-for-react

小白变怪兽·2025-07-07 09:30

vue3项目的筛选是树状 el-tree 二级树结构（个人笔记）

先说一下筛选要求：可以多选，可以全选，可以取消全选（清空），可以关键字筛选（以下案例仅限于二级的树结构，多级的没有试）,截图如下：废话不多说，上代码全选清空letform=reactive({certificationCategory

齐露·2025-07-07 09:27

React.js在前端移动端开发中的应用

React.js在前端移动端开发中的应用关键词：React.js、移动端开发、跨平台、组件化、性能优化、ReactNative、PWA摘要：本文将深入探讨React.js在移动端开发中的应用场景和技术实现

大厂前端小白菜·2025-07-07 07:46

一：以理论结合实践方式梳理前端 React 框架 ——— 初识 React 框架

初识React框架假设我们并不了解node&npm的情况下，使用最被大家熟知的方法：脚本引入方式，来开始学习react框架。

十三餍·2025-07-07 07:15

REACT (Web开发框架 : react)极速入门

前面讲过了很多后端，今天复习一下前端，为啥要讲React？对咯！

masterphp·2025-07-07 07:44

Vue - 深入理解 Vue 3 中的 ref 和 reactive

深入理解Vue3中的ref和reactiveVue3引入了一个全新的响应式系统，使得数据的变化能够自动反映到视图中。对于开发者来说，理解如何使用响应式API是掌握Vue3的关键。

·2025-07-07 07:42

Vue3 中ref和reactive的区别

文章目录一、ref和reactive定义二、ref和reactive区别三、到底项目中使用ref还是reactive？

小码龙~·2025-07-07 06:12

第2章组件设计与架构

在React开发中，良好的组件设计与架构是构建可维护、可扩展应用的基石。本章将深入探讨组件设计的核心原则，从组件拆分策略到高级模式应用，帮你建立系统化的组件架构思维。

@大迁世界·2025-07-07 03:25

React + PDF.js 预览 PDF 文件：从基础实现到高级优化的完整指南

React集成：结合React组件化特性，实现高效、交互式的PDF预览功能。功能实现：支持PDF文件加载、页面导航、缩放、搜索、书签和注释。

EndingCoder·2025-07-07 03:19

React Native 应用在键盘弹出时优雅地响应

在使用ReactNative应用时，一个常见的问题是当你点击文本输入框时，键盘会弹出并且遮盖住输入框。就像这样：有几种方式可以避免这种情况发生。一些方法比较简单，另一些稍微复杂。

RitchieWei·2025-07-07 02:48

深入理解 classnames：React 动态类名管理的最佳实践

在现代前端开发中，我们经常需要根据组件的状态、属性或用户交互来动态切换CSS类名。虽然JavaScript提供了多种方式来处理字符串拼接，但随着应用复杂性的增加，传统的类名管理方式很快就会变得混乱不堪。这时，classnames库就像一个优雅的解决方案出现在我们面前。为什么需要classnames？想象一下这样的场景：你需要为一个按钮组件动态设置多个类名，包括基础样式、变体样式、状态样式等。传统的

司南锤·2025-07-07 02:44

styled-components：现代React样式解决方案

文章目录引言什么是styled-components？核心特性安装与配置基础安装TypeScript支持Babel插件（可选）基础用法创建样式组件基于props的动态样式高级用法样式继承复合样式与条件渲染样式化现有组件主题系统创建主题访问主题响应式设计媒体查询助手动画与过渡关键帧动画过渡效果最佳实践1.组件命名2.样式组织3.避免过度嵌套4.使用TypeScript性能优化1.避免在渲染中创建样式

司南锤·2025-07-07 02:13

通俗易懂，一看就懂的React与Vue的区别

React和Vue是当前最主流的前端框架，对开发者而言，日常开发中它们的区别可以总结为以下几点（用实际场景举例说明）：一、写模板的方式不同React：用JSX（JavaScript+HTML混合写法），

More more·2025-07-06 22:52

React与Vue的区别？

一、区别:1.语法Vue采用自己特有的模板语法；React是单向的，采用jsx语法创建react元素。

扎西_德勒·2025-07-06 22:21

React 核心原理与Fiber架构

目录一、虚拟DOM二、Diffing算法三、Fiber架构四、渲染流程1.Render阶段（可中断异步过程）2.Commit阶段（同步不可中断）五、时间切片（TimeSlicing）六、核心流程步骤总结1.状态更新触发2.Render阶段（异步可中断，构建Fiber树）3.Commit阶段（同步不可中断，更新真实DOM）4.双缓存机制切换5.调度系统核心支撑七、组件触发渲染的时机八、Hooks顶层

旺代·2025-07-06 19:49

介绍electron

其核心优势在于：跨平台：一次开发，生成Windows、macOS、Linux三端应用；技术栈统一：前端开发者无需学习新语言，直接复用Web生态（如Vue/React）；混合架构：Chromium：负责渲染界面

几道之旅·2025-07-06 18:13

React 极简响应式滑块验证组件实现，随机滑块位置

滑块验证组件(SliderCaptcha)一个现代化、响应式的滑块验证组件，专为React应用设计，提供流畅的用户体验和强大的安全验证功能。

伍哥的传说·2025-07-06 17:33

2025年的前后端一体化CMS框架优选方案

以下是结合技术生态、开发效率和商业落地验证，整理的2025年前后端一体化CMS框架优选方案：一、‌主流成熟框架组合‌1.‌React+Node.js(Express/Next.js)‌‌前端‌：React

skywalk8163·2025-07-06 17:28

【前端】【数字孪生】基础知识：数字孪生 3D 模型去哪里找？Three.js 辅助组件库有哪些？模型的动画是黑盒吗？怎么控制？

Three.js的最佳实践、3D模型网站推荐、自带动画控制详解在数字孪生（DigitalTwin）和三维可视化逐渐成为前端热点的今天，很多开发者开始转向WebGL+前端框架的集成实践，最常见的组合包括：React

患得患失949·2025-07-06 15:15

【前端工程化】前端工作中的业务规范有哪些

一、应用结构1.分层架构设计UI层（View）负责页面展示和用户交互，由Vue/React组件构成；页面组件存放在views/*，对应具体路由；通用组件存放在comp

·2025-07-06 14:55

Fiber 架构实现原理

Fiber架构实现原理Fiber架构概述Fiber是React16引入的全新架构，旨在解决大型应用更新时的性能问题，特别是支持增量渲染和更好的调度控制。

·2025-07-06 14:39

Fiber是什么?

对React的Fiber架构的理解需要从React的核心目标与面临的挑战说起。

醉方休·2025-07-06 14:09

React Native 接入 eCharts

ReactNative图表接入指南概述本文档详细介绍了在ReactNative项目中接入ECharts图表的完整步骤，包括依赖安装、组件配置、数据获取、图表渲染等各个环节。

1234Wu·2025-07-06 13:34

React-Native痛点解析之开发环境搭建及扩展

ReactNative简直太火了，国内大公司都在争先恐后的尝鲜，让人难以相信这是诞生刚刚一年的开源项目。

cuoban·2025-07-06 13:03

WHAT - React Native 中 Light and Dark mode 深色模式（黑暗模式）机制

文章目录一、Light/DarkMode的原理1.操作系统层2.ReactNative如何获取？3.样式怎么跟着变？

·2025-07-06 13:02

＜script setup＞中的setup作用以及和不带的区别对比

以下是具体分析：一、setup的作用初始化响应式状态在setup中，可以通过ref和reactive创建响应式数据，替代OptionsAPI中的data选项[1][3]。

·2025-07-06 09:57

React应用中的受保护路由与Flux架构

背景简介React.js因其组件化和声明式的编程范式受到了前端开发者的广泛喜爱。然而，对于大型应用来说，仅仅依赖React.js是不够的，特别是在状态管理和数据流方面。

息相吹·2025-07-06 08:18

React和Redux技术结合打造单页应用

作者：禅与计算机程序设计艺术1.简介2015年，Facebook推出React项目，打破了开发界的界限，鼓励组件化开发，促进了前端工程师和前端社区的创新。

AI天才研究院·2025-07-06 08:17

在Unity WebView中运行React应用的解决方案

在UnityWebView中运行React应用的解决方案概述本文档详细介绍了如何在Unity应用中通过WebView加载React应用，并解决在Android平台上常见的路径和网络问题。

马特说·2025-07-06 07:09

vue中添加原生右键菜单

数据结构定义conststate=reactive({contextMenu:{visible:false,x:0,y:0,currentItem:null}});//新增右键菜单处理函数consthandleContextMenu

叹一曲当时只道是寻常·2025-07-06 07:37

react-数据Mock实现——json-server

什么是mock？在前后端分离的开发模式下，前端可以在没有实际后端接口的支持下先进行接口数据的模拟，进行正常的业务功能开发json-server实现数据Mockjson-server是一个node的包，可以在不到30秒内获得零编码的完整Mock服务实现步骤安装npmijson-server-D项目根目录下创建mock文件夹创建一个json文件json文件{"takeaway":[{"tag":"31

前端小趴菜05·2025-07-06 02:39

React金融数据分析应用性能优化实战：借助AI辅助解决18万数据量栈溢出Bug

React金融数据分析应用性能优化实战：借助AI辅助解决18万数据量栈溢出Bug前言在现代前端开发中，处理大数据量的实时金融应用已成为常态。

马特说·2025-07-06 02:09

React Native Hold Menu 入门指南：打造高性能长按上下文菜单

ReactNativeHoldMenu入门指南：打造高性能长按上下文菜单react-native-hold-menuAperformant,easytouseholdtoopencontextmenuforReactNativepoweredbyReanimated

周情津Raymond·2025-07-06 01:35

暑假算法日记第一天

目标：刷完灵神专题训练算法题单阶段目标：【算法题单】滑动窗口与双指针LeetCode题目:1456.定长子串中元音的最大数目643.子数组最大平均数I1343.大小为K且平均值大于等于阈值的子数组数目2090

·2025-07-05 22:10

使用reactor-rabbitmq库监听Rabbitmq

文章目录ReactorRabbitMQ简介ReactorRabbitMQ核心特性使用方法添加依赖创建连接发送消息接收消息高级配置消息确认模式错误处理集群监听（自动ACK）集群监听手动ACK性能优化建议适用场景

后会无期77·2025-07-05 22:40

Python训练营-Day11

DAY11常见的调参方式超参数调整专题1知识点回顾1.网格搜索2.随机搜索（简单介绍，非重点实战中很少用到，可以不了解）3.贝叶斯优化（2种实现逻辑，以及如何避开必须用交叉验证的问题）4.time库的计时模块

m0_72314023·2025-07-05 20:56

2010暑期集训第一专题（数据结构）总结

一晃五六天就这么过去了~这一专题中，我们接触到了数据结构中的栈和队列、二叉树、哈夫曼树和字典树，以及数组中的字符匹配KMP和树的一种应用并查集，内容挺多的，看看这一大串的列举就知道了。

dooder_daodao·2025-07-05 19:20

Python, C++开发社会工作人员学习手册APP

#社会工作人员学习手册APP设计方案##系统架构设计```移动端（Flutter/ReactNative）|RESTAPI/gRPC|Go核心服务（Gin/Echo）←───PythonAI服务（FastAPI

Geeker-2025·2025-07-05 19:48

Python, Go 开发全国经济开发区政策查询与实操APP

以下是基于Python和Go开发的全国经济开发区政策查询与实操APP设计方案，结合最新政策动态与技术优势，助力企业精准把握政策红利：---###系统架构设计```移动端/Web端（Flutter/React

·2025-07-05 19:47

轻量级、无依赖、响应式粒子背景动画库——tsparticles、@tsparticles/engine、@tsparticles/react

项目简介tsparticles-demo是一个基于React和tsparticles的可视化粒子特效演示项目，旨在为开发者和设计师提供丰富、炫酷的粒子动画效果参考。

·2025-07-05 17:36

【前端工程化】你知道前端编码规范包含哪些内容吗

以下是从以往项目中总结整理出来的一些编码规范，适用于Vue/React技术栈下的B端应用开发场景。

·2025-07-05 14:11

【Python百日进阶-Web开发-Feffery】Day418 - fac实例：dash+fac登录-Sqlite数据库

feffery-antd-components（简称fac），是国内大佬费弗里(Feffery)老师基于著名的ReactUI组件库antdesign

岳涛@泰山医院·2025-07-05 11:28

quasar框架切换Tab页使用＜keep-alive＞缓存

写法1:使用quasar的q-tabs组件使用方法//布局样式根据需求自己设置import{ref,shallowRef,watch,nextTick,onMounted,inject,reactive

·2025-07-05 10:48

从零开始创建一个react项目完整实践（非常全面，建议收藏）

文章目录~总体概览一、准备工作⚙️二、创建React项目方式1：使用Vite（现代推荐✅）方式2：使用CreateReactApp（老项目常见）三、初始化开发环境四、开发与调试五、构建与部署✅六、可选增强

司南锤·2025-07-05 06:50

探索响应式设计新境界：React Native Responsive Dimensions

探索响应式设计新境界：ReactNativeResponsiveDimensionsreact-native-responsive-dimensionsResposivefontSize,heightandwidthforreact-nativecomponents

姚婕妹·2025-07-05 06:19

推荐频道