react

全栈探索者14 小时前
react·harmonyos·arkts·前端开发·deveco studio·鸿蒙next·函数组件
@Component + struct = 你的新函数组件——React 开发者的鸿蒙入门指南(第 2 期)很多 React 开发者初学 ArkTS 时,看到这样的代码会一脸困惑:“为什么是 struct?不是 function?这和我的 function App() {} 有什么关系?”
奔跑的呱呱牛1 天前
javascript·vue·react
viewer-utils 图片预览工具库一个基于 viewerjs 封装的轻量级图片预览库,支持多种输入格式,开箱即用,并针对现代前端开发进行了 Tree Shaking 优化。
HetFrame2 天前
html·react·链接·markdown·工具
一种纯前端实现 Markdown 内容即时分享的思路探讨如何不依赖后端服务器,将 Markdown 文档编码进 URL 实现便捷分享的技术方案在日常的技术写作与文档分享中,Markdown 已成为许多开发者的首选格式。然而,快速分享 Markdown 内容却常常面临一些挑战:是否需要依赖第三方平台?是否需要登录注册?是否需要部署服务器?本文将介绍一种纯前端的解决方案,探讨如何将 Markdown 内容直接编码到 URL 中实现即时分享。
小浣熊喜欢揍臭臭2 天前
微服务·react
qiankun微服务搭建之【react+nextJs】本文基于《qiankun-react项目实战》中的思路,从 0 搭建一个:并完整记录从初始化项目、接入 qiankun,到启动、联调和验证的全部过程。
gentle coder4 天前
python·langchain·react
【langchain】agent部署的基础入门代码(持续更新中~)目录1.Agent入门初体验2.agent流式输出3.ReAct演示4.middleware中间件5.实战项目结合
RichardLau_Cx4 天前
前端·vue·react·webassembly·mediapipe·手部追踪·前端计算机视觉
【保姆级实操】MediaPipe SDK/API 前端项目接入指南(Web版,可直接复制代码)前言:MediaPipe 作为 Google 开源的跨平台计算机视觉框架,在前端领域(Web)的应用越来越广泛,比如手部追踪、人体姿态估计、人脸检测、手势识别等场景,无需深厚的AI基础,就能快速集成到前端项目中。
小小工匠5 天前
人工智能·react
大模型开发 - 零手写 AI Agent:深入理解 ReAct 模式与 Java 实现面向读者:Java 后端开发者 / AI 工程师 / 技术爱好者 阅读收获:从零搭建一个"能思考、能调用工具、能闭环"的 ReAct Agent,深入理解 AI Agent 的核心工作原理
雪域迷影5 天前
mongodb·macos·react·next.js
MacOS中运行Next.js项目注册新用户时MongoDB报错MongoServerError最近在学习NextJS 16 Full Course 2026 | Build and Deploy A Production Ready Job Application Tracker w/ MongoDB 这个视频,从Github上面下载了https://github.com/machadop1407/job-application-tracker源代码后解压缩,首先在我的MacOS Mini4主机上面安装了MongoDB 8.0,并且按照MongoDB官网在 macOS 上安装 MongoDB Co
Highcharts.js5 天前
前端·react.js·前端框架·react·highcharts·官方文档
使用Highcharts与React集成 官网文档使用说明该版本已经过测试:通过运行以下命令安装 Highcharts 包以及我们的 React integration 集成:
im_AMBER8 天前
前端·架构·react·浏览器·blob
Web文件下载 : 从PDF预览Bug到Hook架构演进在 Web 开发中,下载功能看似简单,却隐藏着浏览器行为差异与跨域安全限制的陷阱。今天,我原本只想做一个导出不同文件格式的功能,却遇到了一个bug:生成Word或MD文件时,Chrome浏览器都会正常弹出下载框,但导出PDF文件时却不行——PDF会直接在当前页面预览,看起来明明是要下载PDF,结果却直接进入了预览模式,而且我原本打开的页面还被这个预览页面覆盖了。
shadow fish8 天前
前端·javascript·react
React学习笔记(二)用来管理UI中的过渡状态,特别是在处理长时间运行的状态更新时,可以将这些长时间运行的标记为过渡状态(这些状态只是过渡状态),React会先去处理更重要的更新,延时处理过渡更新。 将一些事件标记为过渡状态。 本质上是将事件或函数的优先级降低,让react优先去处理更高优先级的事件。 const [isPending,stratTrasition] = useTransition();//不需要任何参数
Marshmallowc14 天前
javascript·react·数据持久化·redux·前端工程化
React 刷新页面 Token 消失?深度解析 Redux + LocalStorage 数据持久化方案与 Hook 避坑指南在 React 应用开发中,Token 管理是安全与用户体验的核心。许多开发者初期会产生一个疑问:既然已经使用了功能强大的 Redux 进行全局状态管理,为什么还需要手动封装 LocalStorage 操作?本文将从 响应式原理、Hooks 调用限制 以及 工程化解耦 三个维度进行解析。
还是码字踏实16 天前
react·抽象工厂模式·function call·模型插件系统
智能体平台Dify的 模型接口与 Agent 架构深度解析让我用一个具体例子带你从头到尾走一遍!假设用户问:“北京今天天气怎么样?顺便帮我搜索一下明天的航班”系统会:
xixixin_19 天前
开发语言·前端·javascript·react
【React】可视区检测与平滑滚动实现元素可视区检测和滚动定位是高频需求(如表单校验提示、锚点导航、异常元素定位等)该代码模式可适配多种前端场景:
guangzan19 天前
ai·react·agents·skills
Agent Skill: react-best-practicesAgent Skill 是一个可复用的能力单元,通常包含明确的职责边界、触发条件、输入输出约定,且可能封装了提示词、工具调用逻辑、状态 处理和约束规则。在工程化 Agent 系统中,Skill 更接近“函数 / 用例 / 子代理”。相对于提示词(Prompt),提示词只是其中的一部分实现细节,而不是 Skill 本身。从抽象层级看,提示词解决的是“模型怎么想、怎么说”,Skill 解决的是这个 Agent 能做什么、在什么条件下做、做到什么程度。
Hao_Harrision19 天前
前端·typescript·react·tailwindcss·vite7
50天50个小项目 (React19 + Tailwindcss V4) ✨ | TodoList(代办事项组件)📅 今天我们继续 50 个小项目挑战!——TodoList组件仓库地址:https://gitee.com/hhm-hhm/50days50projects.git
@二十六19 天前
vue·react·表格拖拽
表格行拖拽排序拖拽排序的功能依赖于 sortablejs 库,需要先安装这个库这边安装的是 1.12.0 版本的,可以正常使用
OEC小胖胖20 天前
前端·react.js·前端框架·react·开源库
16|总复习:把前 15 章串成一张 React 源码主线地图本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从构建、运行时到生态边界的关键设计。开源仓库:https://github.com/facebook/react
OEC小胖胖21 天前
前端·react.js·前端框架·react·开源库
13|React Server Components(RSC)在仓库中的落点与边界本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从运行时到核心算法的关键设计。开源仓库:https://github.com/facebook/react
OEC小胖胖21 天前
前端·react.js·前端框架·react·开源库
14|Hook 的实现视角:从 API 到 Fiber Update Queue 的连接点本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从运行时到核心算法的关键设计。开源仓库:https://github.com/facebook/react