react

FungLeo2 天前
react·isr·next.js·metadata·成为全栈·站点配置
成为全栈·Next.js 网站前台篇·站点设置如何驱动页头、页脚与 SEO站点名称、Logo、描述、关键词和版权不是散落在组件里的常量。它们是一份公开配置,需要同时驱动页面外壳和 metadata,并在接口失败或字段为空时有一致降级。
大连好光景2 天前
react·cot
ReAct的原理?与CoT的区别是啥?
大连好光景2 天前
react·agent完整工作流程
Agent完整工作过程
FungLeo4 天前
react·csrf·next.js·bff·成为全栈·route handler
成为全栈·Next.js 网站前台篇·同源 BFF 代理:API、附件、Cookie 与跨站写入保护Route Handler 代理不是把一个 URL 原样转发到另一个 URL。它还要限制目标地址、保留查询串、正确处理多个 Set-Cookie、隔离私有缓存,并拒绝明确的跨站写入。
Alice-YUE4 天前
前端·react.js·前端框架·react·fiber·前端性能·渲染机制
React 渲染机制速通:Render 树、Fiber 树与更新调度面试官最常追问的 React 问题,绕不开两棵「树」:Render 树和 Fiber 树。别被名字吓到——这篇把更新从 setState 到 DOM 落地的完整链路拆开,配上流程图,讲完就能对上号。
传奇开心果编程5 天前
学习·flutter·ui·swiftui·react·android jetpack
【现代声明式UI学与练】第1课 从命令式UI到声明式UI学完这一课,你要建立四个认知:命令式编程的核心是:你写指令,程序执行。你告诉计算机"怎么做",每一步都要你安排。
frjc5 天前
vue·react·angular
前端技术选型:主流方案对比与落地建议前端技术选型可以从 框架、构建工具、语言、UI 库、状态管理、路由、CSS 方案、测试 等维度来梳理。以下是目前主流的选择:
FungLeo10 天前
react·isr·next.js·成为全栈·react cache·opennext
成为全栈·Next.js 网站前台篇·数据获取与缓存:60 秒再验证背后到底发生了什么revalidate: 60 不是每 60 秒跑一次定时任务,也不保证第 61 秒的用户立即看到新内容。只有理解过期、旧值和再生成的时序,才能知道自己向用户承诺了什么。
liangshanbo121516 天前
react·performance·profiler
React 性能瓶颈定位面试题——原理深挖版先复现问题并确定性能指标,再通过 React 组件层、浏览器运行时层、网络与页面加载层逐层缩小范围,最后定位到具体代码并通过优化前后数据验证效果。
liangshanbo121516 天前
性能优化·react
React 性能优化实战先测量定位性能瓶颈,再针对“渲染、计算、列表、网络加载”分别优化,最后通过指标验证优化是否真正有效。主要矛盾不是“用了哪些 React API”,而是“到底哪里浪费了时间”。
FungLeo16 天前
react·rbac·路由守卫·权限控制·前端权限·成为全栈
成为全栈·React 管理后台篇·按钮级权限:能力映射、菜单过滤与自锁保护前端权限的价值是让用户只看到能够完成的操作,并在高风险场景阻止明显误操作。真正的安全边界仍在后端。权限功能很容易从一行判断开始:user.role === 'admin'。用户管理菜单里写一次,路由里写一次,重置密码按钮再写一次。后来产品允许 editor 查看某个页面,三处条件只改了两处,于是菜单能点、路由却跳 403;或者直接输入地址能进,页面按钮又全部消失。
FungLeo16 天前
react·内容安全·状态机·交互设计·成为全栈·评论审核
成为全栈·React 管理后台篇·评论审核工作流:把状态下拉改成可理解的动作审核人员需要判断内容并采取动作,而不是替系统翻译状态枚举。界面要同时提供原文、上下文、理由和明确结果。
liangshanbo121517 天前
react·状态持久化
React 状态持久化面试题——原理深挖版状态持久化就是把 React 内存中的状态同步到浏览器存储或服务端等更持久的数据源,并在应用重新加载时重新 Hydration(恢复)到 React 状态中。
liangshanbo121517 天前
中间件·react·redux
Redux 的中间件(Middleware)的工作机制Redux 中间件本质上是对 dispatch 的一层可组合包装,让 Action 在进入 Reducer 之前可以执行日志、异步请求、权限校验、错误处理等额外逻辑。
FungLeo17 天前
图片上传·react·响应式设计·markdown编辑器·异步编程·成为全栈
成为全栈·React 管理后台篇·Markdown 编辑器:预览、暗色主题与连续图片粘贴把 Markdown 编辑器渲染出来并不难。真正决定它能否用于写作的,是受控值、异步上传、光标位置、连续操作和响应式布局之间能不能保持一致。
FungLeo18 天前
react·表单设计·zod·react hook form·成为全栈·数据回填
成为全栈·React 管理后台篇·表单页范式:校验、数据回填与未保存保护表单可靠性不只取决于校验规则。远端数据什么时候写入、什么算已保存、离开页面时是否仍有任务进行,决定了用户会不会丢掉已经完成的工作。
名字还没想好☜18 天前
前端·react·next.js
React 文件上传实战:预览 URL 回收、多文件逐个进度与拖拽放置区踩坑文件上传看着简单,一个 <input type="file"> 而已,可真写起来到处是坑:预览图内存越用越多、选同一个文件第二次不触发、多文件上传进度只能看总量、拖拽区域松手时浏览器直接把文件当新页面打开了。这篇把这些坑一个个填平,最后给你一个能直接抄进项目的上传组件。
FungLeo18 天前
react·前端架构·分页查询·react router·成为全栈·url状态
成为全栈·React 管理后台篇·列表页范式:让分页、筛选和返回位置进入 URL页码、筛选和排序不是表格组件的临时状态,而是“用户正在查看哪一组数据”的完整描述。只要这个描述值得刷新、返回或分享,就应该进入 URL。
FungLeo19 天前
react·状态管理·zustand·react hook form·成为全栈·tanstack query
成为全栈·React 管理后台篇·服务端状态、会话状态、界面状态:不要都塞进 Zustand状态管理真正困难的地方,不是选 Redux、Zustand 还是 Context,而是判断一份数据究竟由谁拥有、什么时候失效,以及谁有权修改它。
FungLeo19 天前
react·路由守卫·zustand·刷新令牌·成为全栈·前端鉴权
成为全栈·React 管理后台篇·前端鉴权闭环:内存令牌、刷新旋转与路由守卫登录页拿到 token 只是鉴权的起点。刷新页面、多个请求同时过期、账号被禁用和主动登出之后,界面仍能给出一致结果,才算形成闭环。