react专区第4页

Web前端工程化

以下是前端工程化的主要内容和实践：核心组成部分1.模块化开发JavaScript模块化：CommonJS、AMD、ESModuleCSS模块化：CSSModules、CSS-in-JS组件化：Vue/React

·2025-07-08 10:32

React.js 错误解析：React.Children.only 预期仅接收单个 React 元素子节点

React.js错误解析：React.Children.only预期仅接收单个React元素子节点在React.js开发中，React.Children.only是一个非常有用的工具，用于确保组件仅接收单个子元素

JJCTO袁龙·2025-07-08 09:55

《深入浅出 React 19：AI 视角下的源码解析与进阶》- JSX 与 React Element

如果你对React源码解析感兴趣，欢迎访问我的个人博客：深入浅出React19：AI视角下的源码解析与进阶或者我的微信公众号-前端小卒在我的博客和公众号中，你可以找到：完整的React源码解析电子书-从基础概念到高级实现

·2025-07-08 09:24

【高频考点精讲】前端状态管理方案对比：从Redux到Zustand演进

状态管理的前世今生还记得2015年我刚接触React时，组件间通信全靠props层层

全栈老李技术面试·2025-07-08 07:10

Vite 常用配置详解

的常用配置项及其说明：1.基础配置(vite.config.js)import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importreactfrom

啃火龙果的兔子·2025-07-08 07:05

企业级图表方案AG Charts v12正式发布：全新功能提升图表交互体验与开发效率

广泛应用于金融、电信、制造等行业，支持Angular、React、Vue和纯JavaScript项目，拥有企业级的性能与功能深度，凭借其卓越的性能、丰富的功能与高度可定制性，成为构建复杂数据驱动型应用的优选工

·2025-07-08 06:32

响应式编程入门教程第二节：构建 ObservableProperty＜T＞ — 封装 ReactiveProperty 的高级用法

响应式编程入门教程第一节：揭秘UniRx核心-ReactiveProperty-让你的数据动起来！

枯萎穿心攻击·2025-07-08 05:20

React——基础

文章目录React基础一、基础概念二、组件化三、状态四、属性五、项目初始化六、jsx七、创建React组件的两种方式函数式组件（推荐）类组件（不推荐）八、常用的hooks1、useState：用来修改状态值

贵沫末·2025-07-08 04:18

axios 使用入门

axios使用入门阅读目录一、前言#二、干货合集#1、加载#2、get&post#3、拦截器#三、总结#一、前言在没有接触React、Angular、Vue这类MVVM的前端框架之前，无法抛弃Jquery

·2025-07-08 01:49

Wizard全栈开发框架：轻松构建企业级应用

一、核心架构前端架构UI层：支持React、Vue等主流框架状态管理：集成Redux、Vuex等方案API客户端：自动生成类型安全的API调用代码生成器：基于模板自动生成页面组件后端架构Web服务器：支持

GISer_Jinger·2025-07-07 23:10

vue数组变化侦测

(Vue3的Proxy)在Vue3中，当你用ref([])或reactive([])创建一个响应式数组时，你得到的其实不是一个普

翻滚吧键盘·2025-07-07 22:59

本地搭建区块链服务的详细指南

·2025-07-07 21:48

利用systemd启动部署在服务器上的web应用

0.背景系统环境：Ubuntu22.04web应用情况：前后端分类，前端采用react，后端采用fastapi1.具体配置1.1前端配置开发态运行（启动命令是npmrundev）,创建systemd服务文件

不是吧这都有重名·2025-07-07 18:31

React中高级开发工程师岗位要求统计

React中高级开发工程师岗位要求统计一、核心技能要求技能/框架出现频率具体要求ReactHooks85%熟练使用useState、useEffect、自定义Hooks，理解闭包陷阱和依赖数组原理。

爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ·2025-07-07 15:13

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

本文档主要围绕组件设计原则、分类建议和使用方式展开，适用于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专区