React随记第2页

React工程师必看：jQuery+Thymeleaf全栈开发指南

以下是为React工程师整理的jQuery+Thymeleaf全栈开发笔记，融合核心语法、项目实践与避坑指南，保留原有框架并深化关键细节，引用最新技术资料（2024-2025年）：一、jQuery核心设计哲学

bemyrunningdog·2025-07-24 21:31

全栈视角下的 React Router 开发指南

全栈视角下的ReactRouter开发指南关键词：ReactRouter、客户端路由、服务端路由、动态路由、嵌套路由、全栈开发、单页应用（SPA）摘要：本文从全栈开发视角出发，用“逛商场”“收快递”等生活化案例

AI天才研究院·2025-07-24 17:42

4. langgraph中的react agent使用 (在react agent添加人机交互)

1.初始化模型首先，我们需要初始化要使用的模型。#Firstweinitializethemodelwewanttouse.fromlangchain_openaiimportChatOpenAImodel=ChatOpenAI(temperature=0,model="glm-4-plus",openai_api_key="your_api_key",openai_api_base="https

ZHOU_CAMP·2025-07-24 17:41

React 组件中怎么做事件代理？它的原理是什么？

在React组件中，**事件代理（EventDelegation）**其实是React内部实现的一部分，开发者通常无需手动实现事件代理，但理解它的原理和使用方式对于优化性能和掌握底层机制非常重要。

光影少年·2025-07-24 17:11

Nginx + PM2 实现Express API + React 前端本地测试服务器搭建

一、工具准备openSSL：需要针对https请求头生成对应的自签名证书。Nginx：服务器搭建工具nodeJS:ExpressAPI运行环境PM2:node进程管理器。用于替代npm命令管理启动命令。二、openSSL本地自签名证书生成。创建服务器空文件夹（这里可以和Nginx程序包位置在一起，也可以单独放置）例如：D:demo在D:demo文件夹下创建文件generate_cert.sh内容：

半个烧饼不加肉·2025-07-24 17:40

React + ts 中应用 Web Work 中集成 WebSocket

一、WebWork定义useEffect(()=>{letwebSocketIndex=-1constwebsocketWorker=newWorker(newURL('./websocketWorker.worker.ts?worker',import.meta.url),{type:'module'//必须声明模块类型});//初始化WEBSOCKET（多个服务器选择最快建立连接的一个）con

半个烧饼不加肉·2025-07-24 17:38

仿RabbitMq实现简易消息队列基础篇（Muduo库的使用）

他是一款基于主从Reactor模型的网络库，其使用的线程模型是oneloopperthread,所谓oneloopperthread指的是：一个线程只能有一个事件循环（EventLoop），用于相应计时器和

疏石兰兮·2025-07-24 14:21

react16-react19都更新哪些内容？

React16到React19是React发展非常关键的阶段，每个版本都带来了深远影响。

·2025-07-24 11:04

react 录音功能

在这有两种录音时的动态效果1.使用react-media-recorder库实现基础录音功能2.添加录音计时器显示录音时长3.实现音频可视化效果，通过Canvas绘制频谱图4.处理麦克风权限状态检测5.

Mr_wuying·2025-07-24 11:33

在 React 中实现全局防复制hooks

用于防止页面内容被复制、剪切或通过右键菜单操作。它接受三个可配置参数：disableCopy（禁用复制，默认true）、disableCut（禁用剪切，默认true）和disableContextMenu（禁用右键菜单，默认true）。通过监听copy、cut和contextmenu事件并阻止默认行为来实现防复制功能，并在组件卸载时自动移除事件监听器。该Hook使用useEffect管理事件监听器

·2025-07-24 11:33

Vue 3 响应式系统源码解析：ref 与 reactive 的实现原理

核心功能概述Vue3的响应式系统主要基于ref和reactive两个API：ref：可以定义基本类型或对象类型，通过.value访问reactive：只能定义对象类型，直接访问属性reactive实现原理核心创建流程

PIGLANG·2025-07-24 11:03

react17更新哪些新特性

React17是一个“无新特性”的发布版本，它的主要目标是为未来的React版本打好基础，同时改善与旧版本共存和升级的体验。虽然没有引入新的开发者API，但它在内部做了很多重要的改进。

·2025-07-24 11:02

基于注入的一种状态管理的思路

上文说了，我们可以定义一个reactive结构的userOnline，然后注入到根组件里面，那么相关的处理函数要怎么办呢？

自然框架·2025-07-24 01:49

如何使用React Native与Meteor集成：一个全面指南

如何使用ReactNative与Meteor集成：一个全面指南项目介绍react-native-meteor是一个强大的开源项目，它允许开发者无缝地将ReactNative应用程序与Meteor后端连接起来

·2025-07-23 14:45

没有 Mac，如何上架 iOS App？跨平台团队的全流程实践指南

在许多以Flutter、ReactNative等技术栈开发的项目中，经常面临一个现实问题：团队缺少足够的Mac设备，可iOS上架流程却被Mac严重绑架。

程序员不说人话·2025-07-23 13:34

Nginx 如何解决单页应用 History 模式路由的 404 难题？

无论是React、Vue还是Angular，都广泛使用History模式路由来实现无刷新页面跳转。

wsj__WSJ·2025-07-23 09:11

nextjs+react接口会请求两次？

解决Next.js+React接口重复请求问题在Next.js应用中，你可能会遇到API请求被发送两次的情况。

·2025-07-23 09:05

gpt面试题

答案：Vue3使用Proxy实现响应式（位于@vue/reactivity模块），替代Vue2的Object.defineProperty。

任小栗·2025-07-23 08:03

推荐：React与WebRTC构建的1对1视频聊天应用

潘俭渝Erik·2025-07-23 06:51

Flutter-VS-Kotlin-跨平台开发市场的最终由谁统治？

曾经有一段时间，跨平台开发就是"使用ReactNative和Flutter构建应用"的代名词。

·2025-07-23 05:46

生活随记

1月6日，星期天，阴。我一直认为我胆子是很大，也认为我驾驶技术很不错，我对我的评价更是很谨慎，但今天有座山山上有条小路我没翻过去，我不敢翻。那是一条非常窄非常陡的小路，可以说用“非常”二字已经很是谦虚了，而且那路还有连续不断的Z字弯道，弯得非常的急，仿佛当时在修路时在为谁节省每一颗石子每一寸土地，但省城下来的那两货说要上去，说一公里处的山顶上有个信号塔一定要测量的。我只好硬着头皮用一档油门踩到底上

距离负人·2025-07-23 05:15

React Native Android全栈开发：如何构建企业级应用

ReactNativeAndroid全栈开发：如何构建企业级应用关键词：ReactNative、Android集成、企业级应用、跨平台开发、性能优化摘要：本文从企业级应用开发的实际需求出发，结合ReactNative

AI天才研究院·2025-07-23 05:13

ReactNative 0.69发布

ReactNative0.69正式版发布了，主要带来如下几点：1.React18的支持2.默认绑定引擎HermesReact18ReactNative0.69是第一个支持React18的正式版本。

wayne214·2025-07-23 05:13

vue中实现验证码输入

想学node,想学react,想精进webpack,想vue学的更好一点，了解底层代码，学算法，学计算机原理，想写自己的博客网站…这是一条学无止境的路，没办法要恰饭效果html部分js部分exportdefault

结城·2025-07-23 04:42

浅析Vue3(vue3笔记之进阶篇)

前面已经讲了基本的Vue生命周期和入门知识,本篇重点介绍Vue3的一些进阶知识1.vue-router路由Vue的路由对比React真是舒服太多了,路由守卫不需要自己配置,还可以方便自己添加一些自定义逻辑

唆键盘的小前端·2025-07-23 04:11

React 最新版本（hooks写法）

React目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录React目录前言一、指令jsx语法：需要注意的是：

抬头第一眼，是天·2025-07-23 04:39

React Native 0.80 重磅发布：升级 React 19.1，冻结旧架构，开启开发新体验 [特殊字符]

核心亮点速览ReactNative0.80版本于2025年6月12日正式发布！本次更新围绕稳定性提升、架构升级和开发体验优化，带来多项重要变化。

wayne214·2025-07-23 04:08

业务流逻辑如何搭建？为何橙武平台选用了 LogicFlow？

我们评估过包括BPMN.js、ReactFlow、AntVG6、JointJS等多种图形与流程编排引擎，最终选择了滴滴开源的LogicFlow作为橙武平台的核心业务流程引擎。

橙武科技·2025-07-23 02:28

react（基础篇）

React由Meta公司研发，用于构建Web和原生交互界面的库。

盛码笔记·2025-07-22 16:25

Taro 网络 API 详解与实用案例

Taro作为一款多端开发框架，提供了丰富且统一的网络API，帮助开发者在小程序、H5、ReactNative等多端环境下高效地进行数据交互。

·2025-07-22 16:21

echarts 随窗口的移动，改变图表size

错误写法：//错误原因：依赖项数组的用法不符合React响应式原理useEffect(()=>{//...},[PieRef,PieRef.current?.

StrongerIrene·2025-07-22 14:12

forwardRef ：打破函数组件封装限制的技巧

在React开发中，我们经常会遇到这样一个需求：如何让父组件直接访问子组件内部的DOM元素或组件实例？例如，点击按钮时自动聚焦某个输入框，或者直接调用子组件的方法。

·2025-07-22 14:42

react动态增加input框20180828

react动态增加input框20180828先在render里写好渲染的方法和点击的方法：二、点击的时候，先获取“记录新建或减少的描述字段的限制个数的数组”和“储存新增描述字段的input框的输入值数组

穆罕周·2025-07-22 09:34

ReactJS与Node.js：前后端整合之道

背景简介在当前的Web开发领域中，ReactJS作为前端框架的佼佼者，其组件化和声明式的编程方式广受开发者喜爱。而Node.js作为后端技术的热门选择，也因其实时、非阻塞I/O的特性而大放异彩。

·2025-07-22 03:49

2018.12.14学仿诗

【生活随记】今天又是简简单单的一天。早上问浚铠晚上要吃什么？他说随便，我说那就鱿鱼吧，他说有鱿鱼就可以了，不用其他菜。汤呢？

陳境墨·2025-07-21 23:11

nextjs学习笔记

由于本人最近在学习jocky老师的React16.8+Next.js+Koa2开发Github全栈项目关于react的服务端重构项目，然后跟着老师的视频做笔记，记录下自己的所学知识。

ainuo5213·2025-07-21 21:40

next.js刷新页面时二级菜单展开状态判断

当页面刷新时保持二级菜单的展开状态，可以通过以下几种方法实现：方法1：使用URL参数保存状态（推荐）import{useRouter}from'next/router';import{useEffect,useState}from'react

啃火龙果的兔子·2025-07-21 20:36

用项目说话：我的React博客构建成果与经验复盘

这是一个基于React19+TypeScript+Vite构建的现代化博客系统，采用了最新的前端技术栈和工程化实践。

Pan Zonghui·2025-07-21 20:32

DHTMLX Suite 9.2 重磅发布：支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级

新版Grid组件不仅在数据可视化、数据编辑方面功能更强，还增强了与主流前端框架（如React、Vue、Angular）的集成示例

·2025-07-21 16:03

（2）React的JSX语法

React开发不一定使用JSX，但我们建议使用它。

__method__·2025-07-21 11:59

前端实现抛物线小球动画效果：从原理到代码实践

HTML结构2.CSS动画3.效果说明三、动态交互：JavaScript实现抛物线动画1.HTML结构2.JavaScript逻辑3.效果说明四、Vue.js实现抛物线动画1.组件结构2.实现思路五、React

编程随想▿·2025-07-21 09:48

Sequential Thinking：AI深度思考的新范式及其与CoT、ReAct的对比分析

引言：AI深度思考的演进与SequentialThinking的崛起在人工智能技术快速发展的今天，AI模型的思考能力正经历着从简单应答到深度推理的革命性转变。这一演进过程不仅反映了技术本身的进步，更体现了人类对机器智能认知边界的持续探索。早期的大语言模型虽然能够生成流畅的文本，但在处理复杂问题时往往表现出"浅思考"的局限性——答案可能看似合理，却缺乏严谨的推理过程和系统性考量。例如，2022年的一

码字的字节·2025-07-21 09:46

react/vue vite ts项目中，自动引入路由文件、 import.meta.glob动态引入路由无需手动引入

utils/autoRouteHelper.ts//src/utils/autoRouteHelper.tsimport{lazy}from"react";importwithLoadingfrom"@

初遇你时动了情·2025-07-21 08:07

随记50

今天，说三件事！1.有点颓！看了淘宝好几个小时，只为了买衣服，现心中已有底。先对手头上的衣服进行断舍离，该淘汰的淘汰掉，留的就拍照+编辑加到云笔记里，方便日后的穿搭。其实，对衣服穿搭，我一直认为：衣贵洁。同时，我很随便穿，只要不裸奔就行。可去正式场合，我发现自己没衣服穿。既然，我已打算重新打造自己，那就从形象管理开始，形象管理就从选衣服开始吧！2.拼爹时候昨天，幼儿园发放了一份宣传海报，宣传一所民

林金秀·2025-07-21 08:40

随记-丢丢的日常

内心为什么会不平衡，为什么会坐立不安.很多原因是自己没有驾驭自己的内心杂念.前期期望的过高.介由于内心复杂的思绪所驱使.然而自我变得很凌乱.如果前期就以平常心处之.那就不会有接下来的思虑.人的烦恼本身就是自我意识的捆绑，如同师傅所说：严以律己，宽以待人.前期要求的太多必定后续失望的会更多.所以平常心论之.避免不必要的烦恼忧愁。渐行渐远.注定不走心.何必叨扰.

如风一般的女子·2025-07-21 06:54

前端框架对比与选择：全面解析前端开发的得力助手

然而，市场上存在着众多的前端框架，如React、Vue、Angular等，对于开发者来说，如何在这些框架中做出合适的选择成为了一个关键问题。

@sinner·2025-07-21 06:22

2025年面试官常用的前端开发笔试考题

填空题(20道)ReactHooks中，用于模拟类组件生命周期componentDidMount的Hook是________。

豆豆（前端开发+ui设计）·2025-07-21 04:10

前端开发好用的AI工具介绍

爱分享的程序员·2025-07-21 04:07

React 英语打地鼠游戏——一个寓教于乐的英语学习游戏

英语打地鼠游戏一个寓教于乐的英语学习游戏，通过经典的打地鼠玩法帮助用户学习英语单词。✨项目特色游戏化学习经典打地鼠玩法：6个洞穴，听英文选单词即时反馈：答对/答错立即语音提示计分系统：每答对一题得10分，激发学习动力60秒限时：紧张刺激的游戏节奏多媒体体验双语语音播报：英文单词标准发音+中文反馈流畅动画效果：基于Anime.js的精美动画响应式设计：支持手机、平板、电脑多端适配丰富词库多主题分类：

伍哥的传说·2025-07-21 03:24

React Native 自动化测试终极指南：从零开始到持续集成

写在前面：为什么你的ReactNative应用需要自动化测试？想象一下：你刚发布了一个新版本，用户反馈登录页面崩溃了。

老猿阿浪·2025-07-20 23:29

推荐频道

React随记