Frontend

以 AI 写作任务为例，从 SSE 的消息格式出发，串起创建 Job、Worker 执行、事件持久化、服务端推送和前端消费，再理解断线重连、去重与生产边界。

从 URL、History API 和客户端路由一路追到 HTTP 重定向、rewrite 与 Next.js Proxy，弄清地址变化、网络请求和整页刷新之间的边界。

从 Schema、设计器、渲染引擎到物料与插件扩展

系统梳理低代码平台的定义、四层核心架构、页面描述协议、渲染模式、物料体系、设计器交互、插件扩展与选型边界。

以真实生成页的登录续接为例，对比 Jotai、Context、Zustand 与 Redux Toolkit 的写法和适用位置。

从一次登录回跳与草稿恢复问题出发，理解 URL、sessionStorage、window.location、静态构建和 Suspense 各自负责什么。

沿着一段真实的数据查询代码，弄清函数为什么能作为参数、force-cache 跨了哪些请求，以及 revalidate 和 tag 到底刷新什么。

用同一组用户、订阅和积分状态，对比 React Context、Jotai、Zustand 与 Redux Toolkit 的存储位置、读写方式和更新链路。

从“Selection API 里的 document 是什么”出发，理解 Selection、Range、<mark> 与 DOM 文本节点，并做出一个划词高亮阅读器。

把 sitemap index、子 sitemap、Next.js Metadata Route、ISR 缓存和内容分片串成一条可维护的数据流。

整理前端通过 presigned URL 直传 R2 / S3 兼容对象存储的核心流程：XHR 上传进度、AbortController 取消、错误处理，以及不依赖真实接口的 mock 示例。

从前端工程视角梳理 SEO 的抓取、索引、canonical、多语言、metadata、结构化数据、渲染性能与上线后的数据闭环。

整理 React + TypeScript 前端测试的策略模型、工具链选型、Vitest 与 Playwright 分工、实战配置，以及 AI Agent 驱动测试的方法。

用一个真实团队迁移案例，讲清楚 Monorepo、pnpm Workspace、Turborepo 和 CI/CD 到底如何协作。

系统梳理 Next.js App Router 的请求链路、四层缓存、静态/动态渲染、ISR、Server Action 安全与 Hydration 边界。

从一次面试问题整理 Next.js SSR、SSG、Pages Router 数据获取 API，以及 App Router 里的对应写法

从一道面试题整理 React.memo、useMemo，以及它们到底解决的是什么问题

整理 TypeScript 类型校验、类型收窄和类型守卫的基础用法

看见了掘金小册的一篇讲webpack的博客，大概了解了一些webpack相关的一个演变过程

总结陈述一下我在之前的实习经历中学习到的一些SEO相关的知识，会有一些技术细节的介绍。同时会加上一些面试题，帮助更好地理解和记忆。

从一个页面遮挡 bug 复盘层叠上下文的本质、常见陷阱与可操作的排查流程。

BFC 不是为 float 而生，但 float 时代它最常被用来解决高度塌陷和 margin 合并。

每次当我觉得自己比较懂localstorage和cookie的时候，总是会刷到让我非常拿不准的问题，因此我进行一个大整理

学习虚拟列表的具体实现方式，同时：带「手写实现」的文章都是我为了锻炼自己的手写能力才发的博客

关于深拷贝的一些知识，同时对类型判断有所扩展

集中整理一下散装的js数组方法，主要是面向前端面试相关

从一个真实的实习项目出发，聊聊业务逻辑拆分、OOP工厂模式和DDD领域驱动设计之间的关系

从最简单的轮询到全双工 WebSocket，梳理四种实时数据方案的原理、格式和选型依据，结合 AI 流式输出的真实场景说明

从一个真实的预算单卡片需求出发，聊聊如何用分页缓存 + 滑动窗口策略，在不引入虚拟列表的情况下，做到流畅翻页和内存可控

一条清晰的技术演进链路：从空 HTML 到不再需要客户端重建 UI

本篇主要是整理在实习过程中一些提升业务性能的ahooks相关使用经验，主要涉及useRequest和useAsyncEffect，含有大量动手的代码。

关于我的博客框架的简单了解

整理一下JS中比较重要的两个概念

为什么有'use client'? 为什么又有服务器和客户端组件？它们之间的关系是什么？

在现代前端项目中，`Route Guard` 与 `Middleware` 经常同时出现。它们各自有什么样的作用和关联呢

收集了React渲染与更新机制的核心概念，帮助理解React工作原理

收集整理常用到的hook

为了进一步的学习一些我在平时开发过程中不怎么熟悉的底层逻辑和hooks，因此我做了一套提示词专门让大模型来帮我，从实战中加深影响，所以有了这个栏目「情景开发」

准备 JS 八股的时候发现，闭包的实际应用场景主要集中在防抖、节流，因此我把这些内容统一整理在一起，从闭包本身出发去理解它们。

关于同源策略，以及实战中常用的跨域方法整理

主要整理了一些hook的作用和意义，便于学习回顾

关于husky的简单学习

主要叙述React方向目前的多语言方案

本文基于 vault-minter 项目的真实 bug 修复过程编写,问题涉及：Next.js SSR、React 组件生命周期、浏览器扩展机制