----------React 第28页

跨端开发指南

不定期更新，建议关注收藏点赞常见的跨端开发方案框架支持平台使用语言特点FlutteriOS,Android,Web,Windows,macOS,LinuxDart性能好，UI高度还原，Google推出ReactNativeiOS

七灵微·2025-04-13 12:56

前端框架全景：React、Vue、Angular与新兴力量

目前，市场上活跃着几位重量级玩家：React、Vue、Angular，它们以各自的特色和优势，主导着前端开发的潮流。

地下铁里的风·2025-04-13 10:47

第三节：React 基础篇-React组件通信方案

React组件通信方案详解及使用场景以下是React组件通信的常用方法及其适用场景，以层级结构呈现：一、父子组件通信1.Props传递•实现方式：•父组件通过props向子组件传递数据。

涵信·2025-04-13 10:45

es6学习2：let、const 、箭头函数

参考学习：2.1ES6let与const|菜鸟教程、《React进阶之路》1.let介绍代码块内有效let允许创建块级作用域，let声明的变量只在let命令所在的代码块内有效。

Sakuraovu·2025-04-13 10:44

AI编程之Prompt 4）Prompt模式与模版设计

本章将介绍几种在编程任务中常用的高效提示模式，包括Few-shot、Chain-of-Thought（思维链）、ReAct（推理+行动）等，并展示如何将它们封装成可复用的Prompt模板。

这是Jamon·2025-04-13 10:12

vue3循环表单【以el-form组件为例】，如何校验所有表单，所有表单校验通过后提交

利用promise.all()判断代码如下：提交import{ref,reactive}from'vue'import{ElMessage}from'element-plus'constformList

莫鸣明·2025-04-13 10:11

Vue 3 响应式更新问题解析

在Vue3中，即使使用reactive或ref创建的响应式数据，当数据量很大时也可能出现更新不及时的情况。

web网页精选·2025-04-13 08:25

文件拖放开源项目(filedrop)安装与使用指南

文件拖放开源项目(filedrop)安装与使用指南filedropWebRTCE2Eencryptedfiletransfer-React+node.js项目地址:https://gitcode.com

束葵顺·2025-04-12 22:27

前端如何实现PDF文件导入微信公众号或CMS？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint

M_Snow·2025-04-12 20:44

react/vue中前端多图片展示页面优化图片加载速度的五种方案

需求背景在多项目中例如官网项目中会出现很多大图片显示的情况这个时候就会出现图片过大公司带宽不够之类导致页面加载速度过慢及页面出现后图片仍然占位但并未加载出来或者因为网络问题导致图片区域黑块等等场景这个时候我们就要对图片和当前场景进行优化方案定义图片更换为avif或者webp格式缩减图片大小，若svg可对svg进一步压缩，vscode中有很多插件支持，但是没有直接使用avif和webp格式效果好若公

旭久·2025-04-12 16:18

红宝书第四十讲：React 核心概念：组件化 & 虚拟 DOM 简单教程

红宝书第四十讲：React核心概念：组件化&虚拟DOM简单教程资料取自《JavaScript高级程序设计（第5版）》。

·2025-04-12 13:42

React8+taro开发微信小程序，实现lottie动画

安装核心依赖npminstalllottie-miniprogram@tarojs/plugin-html--save修改Taro配置(config/index.js)constconfig={plugins:['@tarojs/plugin-html',//其他插件...],mini:{canvas:true,webpackChain(chain){chain.merge({module:{ru

ace_TiAmo·2025-04-12 08:23

前端基础：React项目打包部署服务器教程

问题背景我做了一个React框架的前端的Node项目，是一个单页面应用。页面路由用的是，然后使用了React.lazy在路由层级对每一个不同页面进行了懒加载，只有打开那个页面才会加载对应资源。

destinyol·2025-04-12 04:54

Next.Js 权限绕过漏洞复现(附脚本)(CVE-2025-29927)

0x01产品描述：Next.js是一个构建于Node.js之上的开源Web开发框架，支持基于React的Web应用程序功能，提供了服务器渲染、静态站点

iSee857·2025-04-12 02:44

CVE-2025-29927 Next.js 中间件鉴权绕过漏洞

Next.jsNext.js是一个基于React的现代Web开发框架，用来构建高性能、可扩展的Web应用和网站。

Ly4j·2025-04-12 02:41

vite项目使用qiankun构建hash路由微前端

文章目录前言一、主应用使用react@18+react-router-dom@61、项目安装2、主应用中注册微应用3、主应用中设置路由和挂载子应用的组件二、创建react@18+react-router-dom

幽冥雪羽·2025-04-12 02:10

React中FormData的使用

exportdefaultfunctionSignup(){functionhandleSubmit(event){event.preventDefault();constfd=newFormData(event.target);console.log(fd.get("email"));constacquisitionData=fd.getAll("acquisition");constdata=

zwjapple·2025-04-12 01:05

说说React/Vue/Javascript间的联系与区别

React和JavaScript的关系可以理解为‌“框架与语言”‌的关系。React是基于JavaScript构建的一个‌前端库（或框架）‌，用于更高效地开发用户界面（UI）。

碧海饮冰·2025-04-11 19:25

深入理解 React useMemo：缓存机制与性能优化指南

useMemo是React提供的HookAPI，是一个用于性能优化的钩子函数，用于‌缓存高开销计算的结果‌，避免在每次组件渲染时重复执行这些计算，从而优化性能。

漠月瑾·2025-04-11 15:00

echarts绘制3D旋转地球

效果图代码展示importReact,{Component,Fragment}from'react';importReactEchartsfrom"echarts-for-react";importechartsfrom'echarts

漠月瑾·2025-04-11 15:30

下一代前端构建工具 Astro，快如闪电！

Astro是一个开源的JavaScript框架，用于在流行的UI框架（如React、Preact、Vue或Svelte）之上生成Web应用。Astro的页面由多个独立的组件组成。

开源项目精选·2025-04-11 13:47

推荐项目：Papanasi - 全能 UI 库

Papanasi-全能UI库papanasiPapanasiistheFrontendUIlibrarytousecrossFrameworks.AsetofcomponentstouseinAngular,Preact

荣正青·2025-04-11 13:13

跨框架解决方案-Mitosis【简述与原理】

mitosis是JSX的一个子集，它支持为许多前端框架生成代码，包括React、Vue、

小林搞前端·2025-04-11 12:39

前端跨框架组件解决方案

一、跨框架组件的使用场景1.大型业务的多技术栈需求大型业务企业的前端团队可能使用不同的技术栈（如React和Vue）。通过跨框架组件库，可以实现组件复用，减少重复开发的成本，同时保持设计一致性。

小鸭呱呱呱·2025-04-11 12:07

Next.js 入门指南：构建现代 Web 应用的强大框架

Next.js，作为一个基于React的企业级框架，应运而生。它由Vercel团队开发，是目前最受欢迎的React全栈解决方案之一。

yufei-coder·2025-04-11 10:28

React 初学者进阶指南：从环境搭建到部署上线

概览环境搭建核心概念TodoList实战部署上线一、快速搭建React开发环境1.选型：Vite或CreateReactAppVite：轻量、热更新速度快、可定制度高，适合追求更高效率的开发者。

yufei-coder·2025-04-11 10:55

使用 react-three-fiber 快速重构 Three.js 场景⚛️

今天，我们将更进一步，将上一篇中vite+npm传统Three.js原生代码完整重构为react-three-fiber风格✅本文将带你完成以下目标：✅使用React重构原生Three.js场景✅拆分组件化结构

sunbyte·2025-04-11 10:53

react-route和children

2.使用我们直接上例子：importReactfrom'react'import{BrowserRouterasRouter,Route,Link}from'react-router-dom'constBasic

u010678473·2025-04-11 06:57

HOW - 实现 useClickOutside 或者 useClickAway

手动实现import{useEffect}from"react"/***Acustomhooktodetectclicksoutsideaspecifiedelement.

@PHARAOH·2025-04-11 05:26

手机租赁系统架构设计与开发实战

模块名称技术方案业务价值开发周期多终端适配层ReactNative+SpringCloud节省30%跨平台

hd75232·2025-04-11 04:18

dnd-kit是一个现代化的 React拖拽库

接下来将从以下几个角度解释dnd-kit库的实现：库的基本介绍拖拽的核心组件和钩子拖拽实现的核心原理移动端的支持与实现代码示例1.库的基本介绍dnd-kit是一个现代化的拖拽库，基于React构建，具有高可定制性和高性能

Acaibird.·2025-04-11 02:07

React-Markdown 开源项目常见问题解决方案

React-Markdown开源项目常见问题解决方案react-markdown项目地址:https://gitcode.com/gh_mirrors/rea/react-markdown项目基础介绍React-Markdown

鲁想珑·2025-04-11 02:36

推荐文章：React-Markdown-Textarea——高效优雅的Markdown文本编辑神器

时昕海Minerva·2025-04-11 02:36

推荐项目：react-markdown-textarea - 优雅的ReactMarkdown文本编辑器

缪昱锨Hunter·2025-04-11 02:36

推荐：react-markings——Markdown与React组件的完美融合

郦岚彬Steward·2025-04-11 02:36

从零设计React-Markdown组件的实现方案

从零设计React-Markdown组件的实现方案现在，把这些步骤整理成代码结构。首先是解析器类，用正则表达式分割文本为Token，然后生成AST。

GISer_Jinger·2025-04-11 02:05

从响应式编程到未来架构革命：解锁高并发时代的底层思维范式

当每秒百万级请求成为常态，当5G网络催生实时交互爆炸式增长，响应式编程（ReactiveProgramming）已从技术选型清单中的可选项，演变为构建现代化系统的必选项。

Loving_enjoy·2025-04-10 18:47

ClkLog集成指南

一、基础事件集成在使用ClkLog作为神策SDK（如WEBJS、Android&iOS、React-Native等客户端）的数据接收端时，需注意以下几点1.1.会话集成ClkLog的基础流量统计指标中的访问次数

·2025-04-10 14:11

Web3 Tools - 助记词生成（完整代码）

工具介绍Web3Tools-助记词生成完整代码代码路径importReact,{useState}from'react';importGridfrom'@mui/material/Grid';importPaperfrom

游人区·2025-04-10 14:16

React七案例下

代码下载登录模块用户登录页面结构新建Login组件，对应结构:exportdefaultfunctionLogin(){return(账号登录登录还没有账号，去注册~)}功能实现1、添加状态username和password，获取表单元素值：const[username,setUsername]=useState('')const[password,setPassword]=useState(''

酒茶白开水·2025-04-10 11:32

React七Formik

Formik是一个专为React构建的开源表单库。它提供了一个易于使用的API来处理表单状态管理，表单验证以及表单提交。

酒茶白开水·2025-04-10 11:01

create-react-app降低react的版本

react最近不是出18了吗但问题是很多的库都还不支持而且工作中不会使用特别新的技术但用create-react-app创建的项目默认为react18版本这里我们降版本只需要一行命令npminstallreact

清风拌酒·2025-04-10 11:24

nextjs create-react-app 兼容ie11

1.next.js兼容ie11nextjs自带对于ie11的兼容，所以自己的代码是能够兼容ie11的https://nextjs.org/docs/basic-features/supported-browsers-features，主要需要考虑第三方包中不兼容ie11的情况。针对没有兼容ie11的三方包，我们需要配置babel进行转换:a.nextjs提供了.bablerc.jshttps://

amazingbc·2025-04-10 10:54

手把手带你掌握Zustand：轻量级React状态管理利器

手把手带你掌握Zustand：轻量级React状态管理利器一、简介一个小巧、快速且可扩展的极简状态管理解决方案。

·2025-04-10 10:08

【智能体开发】智能体前后端开发方案

以下是一个基于React前端+Node.js(Express)后端的智能体系统实现方案，包含详细代码和运行说明：一、前端部分（使用React）创建项目：bash复制npxcreate-react-appai-agent-frontendcdai-agent-frontend

meisongqing·2025-04-10 06:23

Element动态表单中数组循环验证必填方法

干货详细此次项目是使用vue3和elment-plus来实现动态表单验证使用表单组件添加处理人重置保存组件中绑定的数据，包括动态新增表单，删除表单，验证import { ref, reactive

程序员树朦·2025-04-10 04:13

React 条件渲染_前端培训

React条件渲染在React中，你可以创建不同的组件来封装各种你需要的行为，然后根据应用的状态变化，你也可以只渲染其中的一部分。

尚硅谷铁粉·2025-04-10 02:56

three.js 绘制3D空心圆柱体围栏（结合React）

绘制围栏，实际上可以理解为一个空心圆柱体加底部，类似一个碗状的图形。我是通过three.js的圆柱体几何体CylinderGeometry+三维模型运算ThreeBSP的函数subtract、圆形几何体CircleGeometry结合实现。在Three.js中，绘制一个空心圆柱体可以通过创建一大一小两个CylinderGeometry，使用ThreeBSP的函数subtract求两个圆柱体的差集得

zj靖·2025-04-10 01:55

掌握React的条件渲染：技巧与实践

掌握React的条件渲染：技巧与实践大家好，我是极客前端探索者，今天我们将深入探讨React中的一项基础而强大的特性——条件渲染。

极客前端探索者·2025-04-10 01:55

基于react+leaflet+百度地图实现天气数据可视化-风场地图大数据展示

如下是一些例子：二：react+leaflet+百度地图实现天

sniper-拒绝白嫖·2025-04-10 01:55

推荐频道

----------React