react】第10页

微前端架构的设计？微前端是为了解决哪些问题？如何解决css同名问题？

微前端架构的设计和核心问题解决方案如下：一、微前端架构设计1.核心设计原则设计原则说明应用拆分将巨型单体应用拆分为独立子应用（微应用），每个子应用可独立开发、测试、部署技术栈无关支持不同子应用使用React

尘寰ya·2025-06-14 23:42

React 19 Actions 数据变更的并发渲染优化策略？

大白话React19Actions数据变更的并发渲染优化策略？引言写React代码时，你有没有经历过这样的“崩溃瞬间”？

前端布洛芬·2025-06-14 23:12

React 的 Fiber 架构详解

React的Fiber架构是React16引入的核心机制，它彻底重构了React的渲染和协调（Reconciliation）过程，为并发渲染（ConcurrentRendering）奠定了基础。

小前端大牛马·2025-06-14 22:11

对React-Fiber的理解，它解决了什么问题？

ReactV15在渲染时，会递归比对VirtualDOM树，找出需要变动的节点，然后同步更新它们，一气呵成。

沿着路走到底·2025-06-14 22:41

React-fiber架构

Filber架构（通常称为Fiber架构）是React16中引入的核心重构，旨在解决React在大型应用中的性能问题，并为异步渲染、并发模式（ConcurrentMode）等高级特性提供底层支持。

尘寰ya·2025-06-14 22:08

解决html2canvas 截图中SVG有image不渲染问题

最近是在使用html2canvas做分享海报的图片，用qrcode.react的QRCodeSVG生成了二维码，但是发现生成的海报二维码中间的logo不渲染例如是由于html2canvas截图时不会去请求

guxuehua·2025-06-14 21:03

Vue与React中ref的终极对决：3年踩坑经验告诉你，选错框架毁掉整个项目

如果你还认为Vue的ref和React的ref只是语法不同，那你可能正在挖一个巨坑。我是一个踩过无数坑的前端老兵，从Vue2.x时代一路摸爬滚打到现在。

悲之觞·2025-06-14 21:02

React Context 性能问题及解决方案深度解析

ReactContext性能优化深度解析：从问题到解决方案ReactContext是现代React应用中不可或缺的状态管理解决方案，用于解决组件间状态共享和避免propdrilling问题。

A-wliang·2025-06-14 20:54

前端和后端一个多角度分析---ChatGPT4o作答

现代前端开发还涉及框架和库，如React、Vue.js和Angular。职责：设

·2025-06-14 19:51

React Native Android端多环境自动打包

文章目录1、技术环境搭建2、配置Android构建参数。3、编辑复制文件到指定位置的脚本4、Jenkins创建工程5、下载nginx，配置相关参数、HTTPS证书6、写iOS下载配置文件plist7、编写下载页面9、将下载页面、文件下载路径配置到nginx的配置文件中10、启动nginx1、技术环境搭建AndroidSDK通过comdline-tools管理SDK配置环境变量安装需要的SDK常用命

小马小沈·2025-06-14 16:56

react native获取app的打包（构建）时间

前言获取App的打包（构建/编译）时间，这种业务场景还是很多的，根据App的打包时间和本地/网络资源做比较，进行后续差异化操作。我这里大概分为两种方法，一种是在app编译构建时写入一个时间常量；另一个是能直接获取到当前文件（类）的编译时间。以此视为app的打包时间。具体实现是，安卓端采用第一种方法，iOS端采用第二种方法，整体代码比较简单快速有效。正文Android端：在Android端的modu

user95·2025-06-14 16:55

ReactNative 原生混合开发打包ipa和apk

ReactNative集成原生项目，打包ipa和apk过程记录分析。本文章默认会iOS和安卓常规打包，只介绍打包RN这步。

2401_84092903·2025-06-14 16:54

React源码解析系列(五) —— Fiber树

wlqdbtx·2025-06-14 13:37

React 源码解析

第一章虚拟DOM：框架的"设计蓝图"1.1最小虚拟DOM实现classVNode{constructor(tag,props,children){this.tag=tag//标签名this.props=props||{}//属性对象this.children=children//子节点this.key=props?.key//优化标识}}//创建虚拟DOM的工厂函数functioncreateEl

秋水为渡·2025-06-14 13:05

HTML5 教程第4节：HTML 链接与导航

；理解不同属性（如href、target、rel、download）的作用；能够实现页面内锚点跳转、外部链接打开、邮件链接调用等功能；掌握安全性和用户体验相关的最佳实践；能将基础链接逻辑封装为Vue/React

全栈前端老曹·2025-06-14 13:35

【React】使用 useContext + useReducer 实现一个轻量的状态管理库

使用useContext+useReducer实现的轻量级状态管理，适合中小型React应用使用。

秀秀_heo·2025-06-14 13:03

【React源码09】深入学习React 源码实现——Fiber架构副作用收集Effect List

深入学习React源码实现之Fiber副作用收集一、Fiber副作用收集机制历史介绍在React的StackReconciler时代（React15及之前），更新是同步的，组件树递归渲染过程中直接进行DOM

全栈前端老曹·2025-06-14 13:00

WebSocket 前端断连原因与检测方法

文章目录前言WebSocket前端断连原因与检测方法常见WebSocket断连原因及检测方式聊天系统场景下的断连问题与影响行情推送场景下的断连问题与影响React前端应对断连的稳健策略自动重连机制的设计与节流控制心跳机制的实现与保持连接存活连接状态管理与

TE-茶叶蛋·2025-06-14 09:46

React Native【实战范例】水平滚动分类 FlatList

importReactfrom"react";import{FlatList,SafeAreaView,StyleSheet,Text,View}from"react-native";interfaceitemType

朝阳39·2025-06-14 08:36

Taro首个支持鸿蒙的 UI 库，同时还兼容 React Native、小程序、H5

现在使用这个UI库，不仅能开发鸿蒙，还能实现同时开发ReactNative、小程序和H5，也是目前唯一一个能兼容这

少恭写代码·2025-06-14 07:04

HarmonyOS5 React Native 与 OpenHarmony 社区版的兼容性探索

一、技术背景与挑战ReactNative（简称RN）作为跨平台开发框架，与OpenHarmony社区版的技术整合面临三个核心挑战：渲染机制差异：RN基于JavaScript线程与原生UI线程的异步通信，

·2025-06-14 07:34

react-08-03 统一处理请求异常

1.api/ajax.js/**能发送异步Ajax请求的函数模块*封装axios库:github获取*函数的返回值是promise对象*1.优化：统一处理请求异常*在外层包一个自己创建的promise对象*在请求出错时，步reject（error），而是显示错误信息**/importaxiosfrom'axios'import{message}from'antd'exportdefaultfunc

梦灯·2025-06-14 02:32

React 18 渲染机制优化：解决浏览器卡顿的三种方案

前言React18带来了革命性的并发渲染机制，让我们能够更好地处理大量计算任务而不阻塞用户界面。本文将通过一个经典的面试题来深入探讨几种解决浏览器卡顿的方案，并分析React18的内部实现原理。

A-wliang·2025-06-13 22:03

路由匹配的常见形式详解

本文将系统讲解路由匹配的常见形式及其使用技巧，覆盖后端（如Django、Flask、Express）和前端（如Vue、ReactRouter）常见模式。一、什么是“路由匹配”？

·2025-06-13 22:32

React---Hooks深入

16.1useEffectEffectHook可以让你来完成一些类似于class中生命周期的功能；事实上，类似于网络请求、手动更新DOM、一些事件的监听，都是React更新DOM的一些副作用（SideEffects

菥菥爱嘻嘻·2025-06-13 17:25

【vue3.0学习】 reactive函数 toRef函数

reactive是一个函数，它可以定义一个复杂数据类型，成为响应式数据。

别亦难�·2025-06-13 17:52

vue3基础ref,reactive,toRef ,toRefs 使用和理解

在Vue3中，ref、reactive、toRef和toRefs是用于响应式数据管理的重要工具。理解它们的使用方式和区别对于有效地利用Vue3的响应式系统至关重要。以下是对这些工具的详细解释和示例。

F2601775592·2025-06-13 16:20

react面试题整理

目录1.什么是React？它有哪些核心特性？2.什么是JSX？为何使用？3.React中的组件有哪些类型？4.什么是Hook？你用过哪些？5.useEffect的作用是什么？

weixin_42339193·2025-06-13 16:48

Element Plus 组件库 - Form 表单针对数值类型的表单校验观察

Form表单针对数值类型的表单校验观察测试代码constmyConfigParams=reactive({ip:"",port:null,});constmyConfigRules=reactive({

我命由我12345·2025-06-13 14:31

spring boot系统是如何打造前后端的

SpringBoot作为后端框架，通过RESTfulAPI与前端（如Vue/React/小程序）协作，实现高效开发与维护。

潇***客·2025-06-13 10:39

AI Agent核心技术深度解析：Function Calling与ReAct对比报告

摘要本文系统分析了大语言模型（LLM）与外部工具交互的两大核心技术范式：FunctionCalling（函数调用）和ReAct（推理-行动框架）。

chanalbert·2025-06-13 09:28

为什么react需要fiber架构，而vue却不需要？

这是一个很有深度的问题，涉及React和Vue在设计理念、目标场景、技术实现上的差异。下面我从以下几个方面来解释：✅什么是Fiber架构？

光影少年·2025-06-13 07:44

交易所与Web3钱包开发全解析：技术架构、核心模块与未来趋势

主流方案包括：•前端技术栈：React或Vue.js构建响应式界面，

Lovely_xwys·2025-06-13 01:35

Spring Data MongoDB 学习

一连接数据库、获取ReactiveMongoTemplate实例通过spring容器化方式实例化@ConfigurationpublicclassAppConfig{@BeanpublicMongoClientmongoClient

pengpengxiaobai·2025-06-12 23:44

React Native基础入门：组件与样式指南

背景简介在现代移动应用开发中，ReactNative提供了一个高效的解决方案，使得开发者能够使用JavaScript和React来编写原生移动应用。

AAAsuan·2025-06-12 20:56

前端 React.js 组件复用与封装技巧

前端React.js组件复用与封装技巧关键词：React.js、组件复用、组件封装、前端开发、代码复用性摘要：本文围绕前端React.js组件复用与封装技巧展开深入探讨。

大厂前端小白菜·2025-06-12 20:23

如何优化React Native应用以适配HarmonyOS5？

以下是优化ReactNative应用适配HarmonyOS5的关键策略与步骤，基于最佳实践总结为六大方向，涵盖环境配置、组件适配、性能调优、分布式能力集成等，确保应用在鸿蒙系统上高效运行：⚙️一、开发环境搭建与项目初始化‌工具链配置‌使用

程序员小刘·2025-06-12 20:22

React AJAX

在React应用中实现AJAX请求，通常可以使用fetchAPI或者第三方库如axios、jquery等库来进行网络请求。

urge you to be kind·2025-06-12 18:40

【Web】腾讯云 COS 静态网站部署与自定义域名 HTTPS 全流程

常见的前端框架（如Vue、React）打包后的项目就是静态网站，非常适合部署在对象存储（如腾讯云COS）等静态托管平台。

ganshenml·2025-06-12 17:01

“组件、路由懒加载”，在 Vue3 和 React 中分别如何实现？ (copy)

Vue3和React组件懒加载实现方式React中组件懒加载的实现方式React提供了React.lazy和Suspense两个API来实现组件的懒加载。

海盐泡泡龟·2025-06-12 15:18

vue3笔记（1）自用

目录一、ref和reactive的区别1.ref2.reactive3、核心区别4、原理差异1.ref的实现2.reactive的实现5、常见误区二、计算属性（Computed）1.基本用法2.计算属性的

zhaoyang0301·2025-06-12 13:32

快速了解ES6Module模块化

ES6Module模块，是能够单独命名并独立完成一定功能程序语句的集合定义听上去高大上，其实在日常项目中几乎每个文件都会用到，甚至很不起眼，react组件的引用：//router.jsimport{createHashRouter

你脸上有BUG·2025-06-12 07:15

HarmonyOS5 React Native 应用迁移到 HarmonyOS 环境搭建指南

一、环境准备阶段1.开发工具安装安装DevEcoStudio5.0+（鸿蒙官方IDE）：访问HarmonyOS开发者官网下载对应平台版本安装时勾选如下组件：HarmonyOSSDKArkTS编译器JS/ArkTS调试工具HarmonyOS本地模拟器2.环境配置#检查环境变量配置（macOS/Linux示例）exportHARMONY_HOME=/Users/[username]/HarmonyOS

libo_2025·2025-06-11 21:46

让 React Native 应用支持 HarmonyOS5 分布式能力：跨设备组件开发指南

一、核心集成方案原生能力封装与桥接ReactNative通过NativeModules调用HarmonyOS分布式API，需将Java/C++原生层改写为ArkTS实现：//HarmonyDistributed.ets