以 AI 写作任务为例,从 SSE 的消息格式出发,串起创建 Job、Worker 执行、事件持久化、服务端推送和前端消费,再理解断线重连、去重与生产边界。
从一个相关 Skill 模块出发,梳理语义召回、关键词召回、去重算法、Tool 调用链,以及为什么用户可见的推荐应该只依赖公开信息。
从 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 缓存和内容分片串成一条可维护的数据流。
从一个集合页出发,顺着数据来源、RSS、云端浏览器抓取和 AI 结构化,把内容 pipeline 梳理清楚。
算法日记
最小堆的定义、上浮下沉、heapify、常见操作和典型应用场景。
整理前端通过 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 边界。
复盘一次 X workflow 采集任务:为了快一点不断放宽和修正策略,最后反而让目标漂移、审查变重、返工变多。
从一次面试问题整理 Next.js SSR、SSG、Pages Router 数据获取 API,以及 App Router 里的对应写法
从一道面试题整理 React.memo、useMemo,以及它们到底解决的是什么问题
整理 TypeScript 类型校验、类型收窄和类型守卫的基础用法
从一次普通模型调用开始,逐步构建自己的Agent认识。
看见了掘金小册的一篇讲webpack的博客,大概了解了一些webpack相关的一个演变过程
总结陈述一下我在之前的实习经历中学习到的一些SEO相关的知识,会有一些技术细节的介绍。同时会加上一些面试题,帮助更好地理解和记忆。
从一个页面遮挡 bug 复盘层叠上下文的本质、常见陷阱与可操作的排查流程。
基于官方文档梳理 Agents SDK 的核心能力、核心原语与适用场景。
BFC 不是为 float 而生,但 float 时代它最常被用来解决高度塌陷和 margin 合并。
每次当我觉得自己比较懂localstorage和cookie的时候,总是会刷到让我非常拿不准的问题,因此我进行一个大整理
学习虚拟列表的具体实现方式,同时:带「手写实现」的文章都是我为了锻炼自己的手写能力才发的博客
从硬流水线到 LangGraph:一次关于「控制流该由谁来掌管」的思考
关于深拷贝的一些知识,同时对类型判断有所扩展
集中整理一下散装的js数组方法,主要是面向前端面试相关
最近和朋友一起做一个预测市场相关的项目,刚好需要做搜索相关的能力。之前在 vibe-writer 里用 Python 简单 vibe coding 过一版,但自己理解不深,借这个项目把链路想清楚并记下来。
使用第一性原理去理解不断演进的 Agent 架构
分享近期学习 Agent(包含 MCP、Skill 等名词)的思路和收获,探讨如何通过「第一性原理」理解概念更深层的关联以及对人机交互模型的思考。
Node 后端框架的演进及各自的核心理念场景
最近在学习后端,了解到有很多的框架。本文探讨了 Node 体系下 Express、Koa、Fastify 到 NestJS 的演进与框架分类。
用第一性原理拆解 Agent 架构——每一层为什么存在,会带来什么问题,怎么优化。
深入 learn-claude-code 十二讲——Claude Code 怎么用 while True 循环 + 工具分发表构建出完整的 AI Agent 系统。
从一个真实的实习项目出发,聊聊业务逻辑拆分、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 组件生命周期、浏览器扩展机制