react

前端直传阿里云和腾讯云组件封装（后端返回预签名）

from'ant-design-vue'importappConfigfrom'@/config/appConfig'importstoragefrom'@/utils/jeepayStorageWrapper'import{reactive

cccccc..·2025-04-15 21:37

香蕉可乐荷包蛋·2025-04-15 20:00

微信分享前端开发全程详解含iOS、安卓、H5、ReactNative以及微信开放标签的适配和使用

2024年9月，本人在做微信分享前端部分的iOS、安卓和H5的页面和功能时踩了不少坑，于是写了这篇文章，内容包括微信分享在上面三个端的技术点和坑点、解决办法，微信开放标签的相关适配，以及ReactNative

kovlistudio·2025-04-15 16:32

微信小程序无缝衔接弹幕效果纯CSS

效果图主要运用蒙层、动画延迟.wxmlHTMLCSSJAVASCRIPTPHPJAVAVUEREACT.jsPage({data:{detail:[{s:10},{s:14},{s:4},{s:18},

换日线°·2025-04-15 13:45

React数据更新了useState列表视图没更新的问题解决

文章目录1.前言2.问题3.问题分析4.解决方案5.总结1.前言在React18项目里，我开发了一个包含AI生图功能的页面。该页面具备一个AI生图任务列表，同时有一个新建AI生图任务的按钮。

冲浪的鹏多多·2025-04-15 08:13

前端在线工具 CodePen 和 JSFiddle

库支持：支持导入常用的JavaScript库，如jQuery、React和Vue.js。项目和集合：可

西京刀客·2025-04-15 04:15

AI IDE 硬推框架坑人？优化提示词让它乖乖生成原生 JavaScript 代码！

既然你提到AIIDE硬推React框架配置拉胯，还不如用原生JavaScript实现，咱们就聚焦在“如何优化提示词”，让AIIDE生成更靠谱、更贴合初学者的原生代码，避开框架的坑。

qq_36591160·2025-04-15 02:05

前端框架 React 与 Vue3对比 —— 技术选型

Vue3与React框架对比在前端开发领域，Vue3和React是两大主流框架，各有特点和适用场景。

MaiOvv·2025-04-15 01:22

React与Vue：选择哪个框架入门？

React与Vue：选择哪个框架入门？作为前端开发者，我在React和Vue两个框架间切换多次，常被新手问到应该从哪个入手。不同于网上那些详尽的技术比较，这里我想从实用角度给你一个简明对比。

烧瓶里的西瓜皮·2025-04-15 00:50

使用React开发ToolTip文字提示组件：一行显示不下显示省略号并文字提示

React开发项目时，显示内容一行展示不下时常常会显示省略号，此时需要鼠标放上去显示全部内容，若一行可以完全显示，只需展示即可。

heine162·2025-04-14 23:14

Jest进阶知识：React组件的单元测试

在现代前端开发中，组件是构建应用程序的基本单元。一个组件不仅拥有完整的功能，还能极大地提高代码的复用性。因此，在进行单元测试时，对重要组件进行测试是必不可少的。TestingLibraryTestingLibrary是一个专门用于测试Web组件的工具库，其设计理念是“测试组件的行为而不是实现细节”。通过TestingLibrary提供的一系列API，可以模拟浏览器中的用户交互方式，使测试更加贴近真

王解·2025-04-14 23:12

JavaScript性能优化实战：深入瓶颈，提升你的代码速度！

代码优化技巧：提升执行效率减少DOM操作：优化用户界面的响应高效的循环与迭代：告别性能陷阱合理使用闭包和作用域：避免内存泄漏异步编程与事件循环：提升并发性能代码精简与模块化：优化加载与解析前端框架与性能：React

海棠AI实验室·2025-04-14 23:11

ReactNative开发笔记（持续更新...）

（2025年1月2日更新）本文均为RN开发过程中遇到的问题、坑点的分析及解决方案，各问题点之间无关联，希望能帮助读者少走弯路，持续更新中…原文链接：http://www.kovli.com/2025/01/02/rn-anything/作者:Kovli重要通知：红宝书第5版2024年12月1日出炉了，感兴趣的可以去看看，https://u.jd.com/8alDI4w红宝书第五版中文版红宝书第五版

kovlistudio·2025-04-14 23:41

前端工程化是什么

以下是对前端工程化的详细解析：目标：至少学会一门主流的前端开发框架（Vue/React），并配合脚手架、组件库、工具等从0开始独立搭建并开发一个完整的前端网站，可以试着仿一些知名站点。

XIAO GUOBA·2025-04-14 18:07

使用React批量检查QQ域名是否被封禁

概述：本文展示了如何使用React编写一个批量请求QQ域名API的示例，检查多个QQ域名是否被封禁。我们将请求接口https://api.52an.fun/qq/api.php?

·2025-04-14 11:59

零基础入门npm：从安装到实战，一篇熟悉Node.js包管理

无论是React、Vue这样的前端框架，还是Webpack、Babel这样的构建工具，都依赖npm进行依赖管理。据统计，截至2023年，npm仓库已托管超过200万个包，日均下载量超10亿次！

风铃儿~·2025-04-14 05:43

Java中的异步编程：使用CompletableFuture

最近的OpenJDK版本引入了一个新特性——CompletableFuture，它提供了一个全新的并发模型——ReactiveStreams，用于编写响应式异步流处理的代码，可以让异步代码变得更加简洁、

AI天才研究院·2025-04-14 04:08

【前端】【React】useCallback的作用与使用场景总结

一、useCallback的作用与使用场景总结useCallback是React提供的一个Hook，用于缓存函数的引用，避免因为组件重新渲染而导致函数地址发生变化。

患得患失949·2025-04-14 04:38

React Native Gesture Handler 安装和配置指南

ReactNativeGestureHandler安装和配置指南react-native-gesture-handlerDeclarativeAPIexposingplatformnativetouchandgesturesystemtoReactNative

段鹭书·2025-04-14 04:37

react组件样式覆盖问题

原理：借助css-loader实现，保证类名的唯一性，规则为[filename]\_[classname]\_\_[hash]解决：CSSINJS中CSSModule被react脚手架所集成。

史学娇·2025-04-14 01:53

React：组件基础样式处理

介绍React组件基础的样式控制有两种方式：行内样式（仅在简单的情况下使用，不推荐）单独声明一个样式文件，通过class类名控制（推荐）示例行内样式使用行内样式，但将样式定义为一个常量单独声明一个样式文件

听海边涛声·2025-04-14 01:52

react组件样式冲突解决 CSS Module写法

各页面（组件内）之间样式互相影响的情况比较多,推荐给大家一个CSSModules省事的写法,每个都加styles.比较繁琐//页面（组件内）jsx文件importstylesfrom'./bar.less'//启用cssModules//只需要**组件最外层**添加**styles.**constBar=()=>()//bar.less文件注意其余类名嵌套在:global内.main{color:

alintever·2025-04-14 01:51

第一节：React 基础篇-React虚拟DOM原理及Diff算法优化策略

必考点：虚拟DOM树对比（同级比较、Key的作用、组件类型判断）延伸：React18中并发更新对Diff算法的影响React虚拟DOM原理及Diff算法优化策略虚拟DOM核心原理概念：•虚拟DOM（VirtualDOM

涵信·2025-04-13 21:22

React篇

2）函数柯里化（高阶函数的一种特殊用法）函数柯里化是一种将使用多个参数的函数转换成一系列只使用1个参数的函数的技术优点：提高参数复用率，代码拓展性强缺点：代码逻辑不太好捋2、reactFiber就是指react16

深夜代码小哥·2025-04-13 21:52

React(4): 使用 unocss + react-ts + vite 开发

React(4):使用unocss+react+ts开发之前一直使用css-module开发页面，觉得太过繁琐，看到unocss,眼前一亮，觉得可以拿来快速开发页面（偷懒）vite官网unocsstailwindcss

一个抱抱一首歌·2025-04-13 17:26

React 第三十节使用 useState 和 useEffect Hook实现购物车

不使用redux实现购物车案例使用React自带的useState和useEffectHook即可实现购物车exportdefaultfunctionShoppingCar(){//要结算的商品总数以及总价

刺客-Andy·2025-04-13 17:55

React Native 0.79发布 - 更快的工具及更多改进

ReactNative0.79版本发布了。此版本在多个方面进行了性能改进，并修复了一些漏洞。首先，得益于延迟哈希技术，Metro的启动速度变快了，并且对包导出提供了稳定支持。

wayne214·2025-04-13 17:55

跨端开发指南

不定期更新，建议关注收藏点赞常见的跨端开发方案框架支持平台使用语言特点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

推荐频道