react

im_AMBER9 小时前
前端·架构·react·浏览器·blob
Web文件下载 : 从PDF预览Bug到Hook架构演进在 Web 开发中,下载功能看似简单,却隐藏着浏览器行为差异与跨域安全限制的陷阱。今天,我原本只想做一个导出不同文件格式的功能,却遇到了一个bug:生成Word或MD文件时,Chrome浏览器都会正常弹出下载框,但导出PDF文件时却不行——PDF会直接在当前页面预览,看起来明明是要下载PDF,结果却直接进入了预览模式,而且我原本打开的页面还被这个预览页面覆盖了。
shadow fish1 天前
前端·javascript·react
React学习笔记(二)用来管理UI中的过渡状态,特别是在处理长时间运行的状态更新时,可以将这些长时间运行的标记为过渡状态(这些状态只是过渡状态),React会先去处理更重要的更新,延时处理过渡更新。 将一些事件标记为过渡状态。 本质上是将事件或函数的优先级降低,让react优先去处理更高优先级的事件。 const [isPending,stratTrasition] = useTransition();//不需要任何参数
Marshmallowc6 天前
javascript·react·数据持久化·redux·前端工程化
React 刷新页面 Token 消失?深度解析 Redux + LocalStorage 数据持久化方案与 Hook 避坑指南在 React 应用开发中,Token 管理是安全与用户体验的核心。许多开发者初期会产生一个疑问:既然已经使用了功能强大的 Redux 进行全局状态管理,为什么还需要手动封装 LocalStorage 操作?本文将从 响应式原理、Hooks 调用限制 以及 工程化解耦 三个维度进行解析。
还是码字踏实9 天前
react·抽象工厂模式·function call·模型插件系统
智能体平台Dify的 模型接口与 Agent 架构深度解析让我用一个具体例子带你从头到尾走一遍!假设用户问:“北京今天天气怎么样?顺便帮我搜索一下明天的航班”系统会:
xixixin_11 天前
开发语言·前端·javascript·react
【React】可视区检测与平滑滚动实现元素可视区检测和滚动定位是高频需求(如表单校验提示、锚点导航、异常元素定位等)该代码模式可适配多种前端场景:
guangzan11 天前
ai·react·agents·skills
Agent Skill: react-best-practicesAgent Skill 是一个可复用的能力单元,通常包含明确的职责边界、触发条件、输入输出约定,且可能封装了提示词、工具调用逻辑、状态 处理和约束规则。在工程化 Agent 系统中,Skill 更接近“函数 / 用例 / 子代理”。相对于提示词(Prompt),提示词只是其中的一部分实现细节,而不是 Skill 本身。从抽象层级看,提示词解决的是“模型怎么想、怎么说”,Skill 解决的是这个 Agent 能做什么、在什么条件下做、做到什么程度。
Hao_Harrision11 天前
前端·typescript·react·tailwindcss·vite7
50天50个小项目 (React19 + Tailwindcss V4) ✨ | TodoList(代办事项组件)📅 今天我们继续 50 个小项目挑战!——TodoList组件仓库地址:https://gitee.com/hhm-hhm/50days50projects.git
@二十六11 天前
vue·react·表格拖拽
表格行拖拽排序拖拽排序的功能依赖于 sortablejs 库,需要先安装这个库这边安装的是 1.12.0 版本的,可以正常使用
OEC小胖胖12 天前
前端·react.js·前端框架·react·开源库
16|总复习:把前 15 章串成一张 React 源码主线地图本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从构建、运行时到生态边界的关键设计。开源仓库:https://github.com/facebook/react
OEC小胖胖13 天前
前端·react.js·前端框架·react·开源库
13|React Server Components(RSC)在仓库中的落点与边界本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从运行时到核心算法的关键设计。开源仓库:https://github.com/facebook/react
OEC小胖胖13 天前
前端·react.js·前端框架·react·开源库
14|Hook 的实现视角:从 API 到 Fiber Update Queue 的连接点本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从运行时到核心算法的关键设计。开源仓库:https://github.com/facebook/react
全栈前端老曹14 天前
开发语言·前端·javascript·vue·react·移动端开发·hammer.js
【前端】Hammer.js 快速上手入门教程作者:全栈前端老曹各位前端老铁,大家好!我是你们的老朋友老曹,今天来给大家讲一个让移动端交互变得简单到爆炸的神器——Hammer.js!
OEC小胖胖15 天前
前端·前端框架·react·开源库
09|DOM Renderer 的 Host 层:从 Fiber 到真实 DOM 的落地本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从运行时到核心算法的关键设计。开源仓库:https://github.com/facebook/react
kk晏然16 天前
前端·react native·typescript·react
TypeScript 错误类型检查,前端ts错误指南深入理解 TypeScript 类型检查的重要性和如何用自动化工具保障项目质量。TypeScript 是 JavaScript 的超集,提供静态类型系统。类型检查是在代码编译时检查数据类型是否正确使用。
OEC小胖胖16 天前
前端·react.js·前端框架·react·开源库
08|Commit 阶段:副作用如何被组织、执行与约束本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从运行时到核心算法的关键设计。开源仓库:https://github.com/facebook/react
Hao_Harrision18 天前
前端·typescript·react·tailwindcss·vite7
50天50个小项目 (React19 + Tailwindcss V4) ✨| RangeSlider(范围滑块组件)📅 今天我们继续 50 个小项目挑战!——RangeSlider组件仓库地址:https://gitee.com/hhm-hhm/50days50projects.git
wx_lidysun19 天前
前端·react·next
Nextjs学习笔记
Hao_Harrision20 天前
前端·3d·typescript·react·tailwindcss·vite7
50天50个小项目 (React19 + Tailwindcss V4) ✨| ThreeDBackgroundBoxes(3D背景盒子组件)📅 今天我们继续 50 个小项目挑战!——ThreeDBackgroundBoxes组件仓库地址:https://gitee.com/hhm-hhm/50days50projects.git
AI架构师易筋21 天前
人工智能·react
ReAct(react_agent)从入门到严谨:并以 AIOps 离线 PoC 为例给出可落地方案关键词:ReAct Agent / react_agent、Reason-Act-Observe 循环、Tool Calling、可审计证据链、AIOps(ServiceNow / AppDynamics / Splunk / CMDB)、离线可跑 PoC、评测与回归
OEC小胖胖22 天前
前端·前端框架·react·开源库
05|从 `SuspenseException` 到 `retryTimedOutBoundary`:Suspense 的 Ping 与 Retry 机制本栏目是「React 源码剖析」系列:我会以源码为证据、以架构为线索,讲清 React 从运行时到核心算法的关键设计。开源仓库:https://github.com/facebook/react