博客

记录 AI 编程、前端工程、个人产品和创作者工作流,以及我如何把零散想法逐步做成真实项目。

2026
  • bug-root-cause:在崩溃点设防,是最常见的假修复

    Harness 技能深挖系列(bug-root-cause,通用技能组)。为什么最快的修法总是在症状上打补丁——不该为空的地方加空值检查、不该失败的调用加重试——而 bug 只会换身衣服回来;这份独立版的根因方法如何用八步把坏掉的值一路追回它的出生地:复现、二分、证据链、一句话根因、在起源处修复、查爆炸半径、用测试锁住。母篇见《从能跑到可交付》。

  • clarify-requirements:第一份正式文件出现之前,先把话谈完

    Harness skill 深挖系列第一篇(clarify-requirements),澄清链的第一环。为什么模糊需求不能直接开写、访谈为什么要第一轮就问全十一个模块、用户的回答为什么必须原话落盘、确认前为什么连草稿版的 PRD 都不许存在——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • component-from-design:不许凭感觉抄设计稿,先把数值抄下来

    Harness skill 深挖系列(component-from-design),通用组。为什么 AI 还原设计稿总是「差不多但处处差一点」、为什么开工前要先把规格值逐个映射成 token 名、为什么新样式里搜不到一个裸 hex/px 才算数、设计稿只画了一个状态而组件要扛住全部状态——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • context-map:进仓库的第一件事,是先画一张地图

    Harness 技能深挖系列(context-map,通用组)。被空降进陌生仓库的 Agent 为什么不是输在能力、是输在没地图;地图具体记什么——目录用途、核验过的命令、事实源头、高危区、硬规则;为什么地图必须是指针而不是副本——逐条对照 SKILL.md 原文,讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • E2E 测试:全绿不算数,浏览器里走通才算数

    Harness skill 拆解系列:e2e-testing,评测侧的执行 skill。用例是 write-acceptance-criteria 在写代码之前出的,它负责在评测时拿着 e2e-cases.json 在真实浏览器里把旅程逐条走一遍:启动应用、跑脚本化用例、harness capture 截图并逐张看、至少三种探索式探测、给 judge 条目打分并附证据。为什么用例的断言要钉在用户看得见的结果上、为什么弱化一条失败的用例和给编译器消音是同一件事、为什么环境装不了浏览器时评估只能报 blocked。母篇见《从能跑到可交付》。

  • fix-from-report:报告点名哪条,就只修哪条

    Harness 技能深挖系列(fix-from-report,开发者侧的返修 skill)。为什么修复轮最容易越修越乱;为什么评测报告就是完整的工单、清单之外都是新需求;为什么修复者看不到完整评分表、也不许改报告;为什么每条修复都要先复现、再用一个精确提交收尾——逐条对照 SKILL.md 原文,讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • i18n-extract:用户能看见的话,一句都不许写死

    Harness skill 拆解系列:i18n-extract,通用组 skill。把硬编码的用户可见文案扫出来、搬到 key 后面,再双向校验每个语言都完整:为什么提取必须是清扫而不是点修、key 为什么命名的是含义和位置而不是措辞、一个 key 在某个语言里缺失为什么是缺陷而不是待办。母篇见《从能跑到可交付》。

  • implement-task:一个任务,从失败的测试开始,到一个真提交结束

    Harness skill 深挖系列(implement-task),实现组的第一份。为什么执行一个任务要先写一个会失败的测试、任务声明的范围为什么是许可而不是建议、顺手重构为什么是违纪、任务做不了时为什么必须停下报告而不是即兴发挥——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • ship-checklist:说「做完了」之前,把每一项真的查一遍

    Harness skill 深挖系列第十三篇(ship-checklist),交付组的第一份。为什么评测全绿还会栽在一个没配的环境变量上、这份清单为什么不做任何判断只防漏项、七个步骤各查什么、为什么「应该没问题」不许出现在交付说明里——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • state-schema-first:写有状态的代码之前,先把事实列成一张表

    Harness skill 深挖系列(state-schema-first),通用组里的一份。状态层那篇讲了为什么同一份数据只能有一个家,这一篇钻到干活方法本身:先枚举事实、再选类型,每个事实写满字段、类型、初始值、可否缺省、事实源五列,为什么最容易跳过的两列最容易出事,以及写完的表怎么被扫描逐字段对账。母篇见《从能跑到可交付》。

  • systematic-debugging:报错消失,不等于 bug 修好

    Harness 技能深挖系列(systematic-debugging,实现阶段的调试纪律)。为什么 AI 调试的默认动作是打补丁、二十分钟能堆出三个说不清的'修复';这份 skill 如何用七步把调试从猜测改成实验:稳定复现、一次一个假设、让失败能被有意开关、根因写进任务报告——逐条对照 SKILL.md 原文,讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • verification-before-completion:「做完了」这句话,要有刚跑出来的证据

    Harness skill 深挖系列第二十一篇(verification-before-completion),全系列收尾。为什么一句「测试都通过了」可能说的是一个已经不存在的代码版本、这条规则的五步门禁是什么、哪些东西明确不算证据、为什么它和任务 SHA 校验、评测证据新鲜度、确认阶段的连续通过是同一条规则的不同尺寸。母篇见《从能跑到可交付》。

  • write-dev-plan:计划不在脑子里,在文件里

    Harness 技能深挖系列(write-dev-plan),澄清链第五步。为什么开发计划必须拆成小到一次提交、能单独验证的任务,为什么每条任务要带需求编号和检查命令,为什么计划是一份内核能拿着对账的文件而不是一段聊天记录——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • write-prd:把需求写成能逐条对账的合同

    Harness 技能深挖系列(write-prd,澄清著述链第二份)。为什么需求文档读起来挑不出毛病、下游却全线卡住;REQ 编号为什么是合同而不是排版;导入的 PRD 为什么只补缺号、永不改词——逐条对照 SKILL.md 原文,讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • write-quality-vision:把「感觉不错」写成能打分的锚点

    Harness 技能深挖系列(澄清链第三环 write-quality-vision)。功能全对、感觉全错的页面是怎么产生的;vision.md 为什么只收三种锚点(REF/ANTI/RL);一条品质条目凭什么能被评判者打分,凭什么不能只写「流畅」「高级」。母篇见《从能跑到可交付》。

  • write-tech-design:技术决定只做一次,而且要在写代码之前

    Harness 技能逐个讲系列(澄清著述链第四步 write-tech-design)。同一个功能被两个上下文各搭一套架构,问题出在哪一行?哪一行都不在——出在没人把决定写下来。这份技能产出 tech-design.md 和 pages.json:用什么栈、模块怎么分、数据怎么流、状态归谁,一次定完,落盘执行。母篇见《从能跑到可交付》。

  • 澄清阶段:先把“完成”写成一份可数的清单

    Harness 五阶段系列第一篇(澄清阶段),五阶段开启。一句话需求怎么变成一份锁定的合同:规划者先访谈到开放问题清零,再按固定顺序写出七份契约文件;覆盖门禁为什么不全就不许写代码;自带 PRD 时为什么只导入、不重写。母篇见《从能跑到可交付》。

  • 工程层:改一个页面,不该惊动另外十个

    Harness 五层约束系列第四篇(工程层)。引用方向为什么是法律不是默契、循环引用为什么直接禁止、文件 300 行上限的关键为什么不在数字本身、检查为什么要串在交付的必经之路上——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • 交付阶段:「完成」是一个状态,不是一句汇报

    Harness 五阶段系列第五篇(交付)。为什么 done 只能由内核在评测通过、稳定轮次满足、交付门禁全绿三件事同时成立时设置、交付门禁为什么跑项目自己的构建测试和 Lint 而不是另造一套检查、验收报告为什么必须把没验过的项目写出来、交付之后的变化如何沉淀进 overview、预算耗尽时的 paused 为什么比假装完成更诚实——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • 接口测试:页面好好的,不代表接口是对的

    Harness skill 拆解系列:api-testing,评测侧的接口探针。为什么页面渲染正常证明不了接口没问题、为什么必须用真实请求从外部验契约(成功、已声明的错误、边界、无权限、畸形输入)、每条用例要留下什么记录、探针日志怎么变成 judge 条目的证据、契约不符与契约缺失为什么是两种不同的结论。母篇见《从能跑到可交付》。

  • 美学层:功能全对,页面还是"不对"

    Harness 五层约束系列第五篇(美学层),五层收尾。功能全对、页面为什么仍然"不对";视觉回归具体怎么跑(截图、基线、逐像素 diff);三条 UI 扣分规则各管一种什么坏事;"好样子"为什么必须先写成锚点;以及必须承认的另一半——自动化只能测一半。母篇见《从能跑到可交付》。

  • 评测阶段:打分的人,不能是写代码的人

    Harness 五阶段系列第三篇(评测阶段)。为什么让模型评审自己的代码必然满分、评测为什么必须换一个全新上下文的评判者、rubric 的三种条目怎么打分、essential 与 pitfall 的一票否决为什么总分救不了、报告为什么写完不许改——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • 确定性评测:同一份代码,两次评测必须给同一个答案

    Harness skill 拆解系列:deterministic-eval,评测阶段评判者手里的工作纪律。同一个功能代码没动,周一评 88 分、周二评 71 分——出问题的不是代码,是评测本身是个随机变量。这份 skill 怎么把判断换成测量:清单先写死、跑而不是读、每条通过都要出处、查不了的标未验证、只报告不许顺手改。母篇见《从能跑到可交付》。

  • 确认阶段:通过一次,可能只是运气好

    Harness 五阶段系列第四篇(确认阶段)。为什么评测通过一次还不算数:确认阶段必须换一个没有参与过评测的全新评判者、把所有需要判断的证据从零重新生成、旧证据直接记 0 分,还要连续稳定通过若干次——讲清它和评测的机械差别,以及为什么。母篇见《从能跑到可交付》,上一篇见《评测阶段》。

  • 实现阶段:一次只做一个任务,每个任务留一个真提交

    Harness 五阶段系列第二篇(实现阶段)。为什么干活的开发者角色看不见评测标准、为什么一次只做一个任务并留一个精确提交、为什么它报出的提交编号还要被内核用 git rev-parse 验一遍——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • 同步概览:长期记忆只收已经落定的变化

    Harness skill 拆解系列:sync-overview,交付侧的收尾 skill。功能到达 done 之后,它把已经稳定的产品与技术变化折进 .harness/overview/ 的 product.md 与 technical.md:增量为什么在澄清时登记、交付时才落笔,概览为什么读者很多、写者只有一个,哪些东西绝不许写进去,没变化时为什么也要留一行带日期的记录。母篇见《从能跑到可交付》。

  • 先规划,后写码:开写之前,先把「完成」拆成能逐条验的清单

    Harness Skill 逐篇系列·通用组第一篇(plan-before-code)。为什么 AI 拿到需求十秒就开写是灾难的起点、功能点为什么必须写成「输入→动作→校验→结果」而不是实现任务、未知项为什么只有「问」和「写成假设」两个出口——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • 验收标准:什么叫“做对了”,必须在写代码之前说清

    Harness skill 拆解系列:write-acceptance-criteria,澄清著述链的第五步、也是最后一步。rubric.json 和 e2e-cases.json 怎么在代码出现之前拼出来:四层按固定顺序铺、五种条目的分工、三条覆盖线、豁免为什么必须写理由、过门禁为什么只许把条目写锋利不许降级别。母篇见《从能跑到可交付》。

  • 样式层:错的颜色,根本不许出现在调色板上

    Harness 五层约束系列第二篇(样式层)。为什么 AI 写的页面单个看都行、拼在一起就不像一个产品;设计变量(Token)如何把选项收窄到选不错;以及一个更隐蔽的失败——AI 会编造不存在的变量名,而未定义的变量在浏览器里是静默消失的。母篇见《从能跑到可交付》,第一篇见《语言层》。

  • 状态层:同一份数据,只能有一个家

    Harness 五层约束系列第三篇(状态层)。为什么状态 bug 编译和 Lint 都看不见、为什么每条事实要先列清单再写结构定义(字段、类型、初始值、可否缺省、事实源)、服务端数据与客户端状态为什么要分开住、持久化键为什么必须带命名空间——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • 语言层:代码写错的那一秒,就该被拦住

    Harness 五层约束系列第一篇(语言层)。为什么第一层必须是编译期约束、TypeScript 严格模式具体钉了什么、为什么 any 和 @ts-ignore 要被当成后门堵住、类型检查为什么要卡在每个任务之后——讲清为什么与怎么干。母篇见《从能跑到可交付》。

  • React 完全指南:从 Hooks、并发渲染到 Server Components

    一篇读完 React 核心:它解决什么问题、Hooks、状态管理、并发渲染、Suspense、SSR 流式渲染、Server Components 与常见问题。由站内 8 篇 React 笔记合并重组而成。

  • 从能跑到可交付:一套前端 AI 协作系统的设计笔记

    上篇讲为什么 AI 写代码需要一个能暴露错误的现场,这篇讲我把这个现场搭成了什么样:五层约束、五阶段状态机与三个角色、一套不让模型给自己打分的评测,和一个用文件状态机跑长流程的内核。这套系统已经开源(frontend-harness-cli),文中机制都能在仓库里对上号。

  • a16z 最新报告:29 家最赚钱的 AI 产品,连流量榜都没进

    a16z 第七版报告:支出榜前 50 里,29 家连流量榜都没进。流量是面子,付费才是里子——而这两份名单的重合度,低得惊人。

  • csso 报错 "Selector can't has classes from different scopes" 怎么修

    csso 报错 Selector can't has classes from different scopes 的含义、触发原因(usage scopes 配置问题)以及三种修复方法。

  • AI Coding 选哪一家?2026 全面对比指南

    2026 年 AI Coding 工具全面对比:Cursor、Claude Code、GitHub Copilot、Windsurf 等工具盘点,从真实成本、使用场景、隐藏费用、封禁风险等维度分析。

  • 如何购买 Codex:通过美区 App Store 订阅 ChatGPT 的完整流程

    记录通过新建 Apple ID、切换美区、购买礼品卡并在 App Store 内订阅 ChatGPT,从而使用 Codex 的完整操作流程。

  • 哥飞的 SEO 路线:先做站,再把经验做成系统

    整理哥飞做站路线:从需求词、页面、GSC、外链,到工具箱和社群。核心不是写文章,而是承接搜索需求。

  • 人工智能入门:从机器学习到大模型

    从机器学习、监督学习和特征工程开始,梳理人工神经网络、深度学习、Transformer 与大模型之间的关系。

  • AI 写代码,最缺的不是 Prompt,而是一个能暴露错误的现场

    AI 写代码越来越快,但为什么我们还是不敢直接合并?从 Prompt、Context 到 Harness,聊聊 AI 前端开发真正缺的工程现场、反馈机制和工作台。

  • OpenClaw 小龙虾怎么配置模型,我简单整理一下

    记录一次把阿里云百炼模型接入 OpenClaw 的过程,重点是 Provider、Base URL、API Key、模型 ID、reasoning false 和几个容易踩坑的地方。

  • node-sass 安装失败:not a mach-o file / distutils 报错怎么修

    记录一次 node-sass 安装失败:先下载到了坏的 binding.node,fallback 编译时又遇到 Python 3.12 移除 distutils。解决顺序:重下 binary、指定 Python 3.11、长期迁移到 sass。

  • Understand Anything:AI 时代,程序员更需要看懂项目

    介绍开源项目 Understand Anything:它把代码库变成可探索的知识图谱,帮助工程师更快理解项目结构、业务流程和改动影响。

  • 如何用 Google Play 购买 ChatGPT Plus:安卓实测路径

    记录一次通过 Google Play 购买 ChatGPT Plus 的安卓实测流程:美区 Google Play、招商银行 Visa 全币种国际信用卡、全局美国节点,以及需要注意的订阅管理问题。

  • Codex CLI:我现在更在意的不是会不会用,而是怎么让它安全地做事

    从真实使用痛点出发,聊聊终端 Agent、AGENTS.md、权限边界、Skills 和 Subagents 到底解决了什么问题。

  • Claude Code vs OpenAI Codex:2026 年到底该选哪个 AI 编程 Agent?

    面向真实选型场景的 2026 对比:Claude Code vs OpenAI Codex,涵盖安装、工作流、云端委托、价格模型与适用人群。

  • Gemini CLI 即将停服:如何迁移到 Antigravity CLI?2026 最新教程

    Google 已宣布 Gemini CLI 将迁移到 Antigravity CLI,并在 2026 年 6 月 18 日起停止个人版和免费相关请求服务。整理受影响范围、迁移步骤、命令示例和常见问题。

  • AI 一周速览:3B 对标 235B、缓存价格战与计费风波

    本周 AI 圈焦点:AgenticQwen、GPT-5.5、DeepSeek 降价、Claude Code 计费 Bug,以及多模态、基础设施与产业趋势。

  • 502 故障排查实录:从 TCP 健康检查误判到 HTTP 健康检查修复

    线上出现部分请求返回 502,排查发现是 TCP 健康检查无法检测应用层可用性导致的误判。本文将分享完整的排查过程和修复方案。

  • Apple Store 购买 ChatGPT/Claude 完整指南

    详细教程:如何在美区 Apple Store 购买 ChatGPT 和 Claude 订阅,包括充值、免税州地址设置、联系客服解除购买限制等关键步骤。

  • 前沿AI速递 | OpenAI Images 2.0 统治图像生成;SpaceX 百亿押注 Cursor;Meta 强制AI训练追踪引争议

    本期AI速递涵盖OpenAI发布Images 2.0图像模型、SpaceX与Cursor达成深度合作、Google Gemini Deep Research更新、Kimi K2.6展现智能体潜力、Meta强制员工安装AI训练追踪软件等最新AI动态。

  • 前沿AI速递 | 马斯克预言AGI仅剩两步;NSA违规使用Anthropic模型;Grok爆改创作模式

    本期AI速递涵盖马斯克明确Grok 5即为AGI终点、NSA深陷模型供应链争议、Anthropic发布Opus 4.7重磅更新、Tesla Bot结构进化等最新AI动态。

  • 前沿AI速递 | OpenAI Codex 进化系统级操作员;Claude Opus 4.7 爆发;三元 1.58bit 模型面世

    本期AI速递涵盖OpenAI Codex升级为AI操作员、Claude Opus 4.7发布与性能争议、Google Gemma 4 26B开放使用、1.58bit三元模型Bonsai发布、NVIDIA Lyra 2.0、Tesla FSD v14.3.1等最新AI动态。

  • 前沿AI速递 | Gemini Mac客户端正式发布;1-bit LLM时代开启;Anthropic营收达300亿美元

    本期AI速递涵盖Gemini官方Mac客户端、Gemini 3.1 Flash TTS、1-bit量化模型、Cursor交互式画布、NVIDIA Lyra 2.0开源、Anthropic营收爆炸式增长等最新AI动态。

  • 前沿AI速递 | GPT-5.4与Opus 4.7双旗舰突袭;英伟达量子AI模型发布;特斯拉机器人进厂

    本期AI速递涵盖OpenAI GPT-5.4-Cyber网络安全版、Anthropic Claude Opus 4.7、Google Gemma 4本地推理、Midjourney V8.1、特斯拉Optimus机器人生产线应用等最新AI动态。

  • 如何建立真正的财富:关于金钱的真相?

    解读 Dan Koe 关于金钱的深刻洞察:赚钱是一项技能,真正的障碍是对金钱的认知水平。从生存到贡献,五个层次带你重新认识金钱与人生的关系。

  • 用 Git 仓库做个人知识库:从素材到文章

    受 Karpathy 的个人知识库做法启发,我把 raw、notes、posts 放进同一个 Hugo 仓库里,用 Git 和 Markdown 管理素材、笔记和正式文章。

  • AI Agent 入门:我怎么理解 Agent、Copilot、MCP 和落地机会

    这篇是我对 AI Agent 的一版理解笔记,主要讲 Agent 和 Copilot 的区别、常见架构、MCP / SGP 这类协议,以及一些可能落地的方向。

  • AI Coding 实战:我现在怎么用这些工具

    记录我在真实开发里使用 AI 编程工具的一些做法:什么时候用聊天,什么时候用代码代理,怎么拆任务,怎么检查结果。

  • AI 时代的认知变化:从写代码到定义问题

    AI 让写代码变快之后,技术人的重点会慢慢从写实现,转向判断问题、拆任务、做取舍和验证结果。

  • AI 重构工作流:我对这轮效率变化的一点理解

    结合 AI 原生软件、人效指标和工业革命的历史经验,聊聊普通知识工作者应该怎样调整自己的工作流。

  • 拼多多开店实战指南:从0到1的避坑与盈利手册

    写给新手的拼多多开店经验总结,系统涵盖选品策略方法、定价技巧、发货管理、售后处理全流程,帮你少走弯路。

2025
  • 100vh 布局中 margin-top 导致的底部间距问题

    在一个高度被 100vh 限制的容器内部,子元素的 margin-top 属性可能会导致不必要的底部间距和滚动条。

  • Gemini CLI配置教程

    Gemini CLI 安装配置完整教程,包含 API 密钥设置、网络代理配置、常见问题排查和使用技巧。

  • Node.js CPU 飙升分析:为什么一个慢任务会让整个服务卡死

    为什么请求挂起时 CPU 会飙升到 100%?关于 Node.js 超时处理和限流策略的两个真实生产案例分析。

  • Node.js 依赖注入

    Node.js 依赖注入机制详解,深入涵盖 TypeScript 元数据生成原理和递归依赖解析的实现过程。

  • 数据结构刷题实战

    数据结构刷题实战完整指南,系统涵盖数组、栈、二分查找、链表、树、堆等核心数据结构与经典算法题解分析。

  • 数据结构特点分析

    数据结构核心特点深入分析,涵盖线性表、非线性表、红黑树、堆、跳表、Trie 树等关键结构的原理与应用。

  • 算法分析

    深入讲解算法核心思想,涵盖复杂度分析、排序算法、二分查找、贪心策略、分治、回溯、动态规划等经典算法与实践。

  • CDN 技术详解与问题分析

    CDN 技术架构详解,包括缓存策略配置、自动 Polyfill 方案、加速方式对比、IVS 架构和实际案例分析。

  • Cookie 技术详解与问题分析

    Cookie 技术详解,包括 CookieStore API、SameSite 属性、CSRF 防护和跨域管理方案。

  • Midway 6 升级到 v8 踩坑记录

    Midway 6 升级到 v8 的踩坑记录和解决方案完整汇总,涵盖常见报错排查方法和配置迁移的关键问题。

  • NodeJS开发和运维

    Node.js 开发运维完整指南,系统涵盖技术架构选型、服务稳定性保障方案、监控体系搭建和灰度放量方案。

  • Service Worker 实践指南

    Service Worker 实践指南:缓存策略配置、版本更新机制、离线支持方案和 PWA 开发边界处理。

  • Webpack 完全指南:Loader、Chunk 分包、Tree Shaking、Module Federation 与常见报错

    Webpack 完全指南:loader 原理、Webpack-Chain 与 chunk 分包、Externals、Module Federation、Tree Shaking,对比 Rollup 与 Vite,并附 webpackJsonp is not defined、Can't resolve 'fs' 等常见报错的原因与修复方法。

  • 动画库推荐与使用指南

    动画库推荐与使用指南,深入讲解 Framer Motion 和 Anime.js 的核心功能与应用场景。

  • 国际化与本地化

    国际化和本地化完整实践指南,涵盖多语言支持方案设计、CLDR 数据使用方法和 RTL 布局处理的最佳实践。

  • 跨端开发与动态化实践

    跨端开发架构设计与动态化实践的完整方案,涵盖模块分层设计原则、响应式布局适配方案和平台差异化构建策略。

  • 前端工程指南

    前端工程化完整指南,涵盖工程体系构建方案、Lerna 多包管理、Babel 配置优化、灰度方案等工程最佳实践。

  • 前端架构

    前端架构设计完整指南,系统涵盖业务架构规划方法、产品架构设计思路和企业级应用系统的设计原则与工程最佳实践。

  • 前端性能优化指南

    前端性能优化完整指南,涵盖关键指标分析(TTFB、FCP、LCP、CLS)、优化策略和性能诊断方法。

  • 容器化技术概述

    容器化技术概述,详细讲解 Docker 如何解决资源分配问题以及从物理机到虚拟化再到容器化的技术演进过程。

  • 中后台解决方案

    基于 ICE 3.0 的中后台架构解决方案详解,涵盖权限控制模型、Store 状态通信和事件通信机制设计。

2024
  • 多端开发与移动端优化指南

    多端开发框架对比分析(React Native、Flutter、Taro)与移动端响应式设计优化实践指南。

  • 前端埋点指南

    前端埋点方案完整详解:SPM 参数体系设计原则、来源追踪方法实现、曝光位标识和跨页面用户行为分析实践。

  • 应用自动部署和发布

    应用自动部署和发布的完整实践指南,涵盖 PM2 脚本化启动配置方法、自动化部署流程设计和灰度发布策略。

  • CSS 实战手册:动画、Grid 网格布局、Flexbox、平滑阴影与编写准则

    CSS 实战技巧手册:带暂停的滚动动画与翻转动画、Grid 网格布局、Flexbox 等宽与间距处理、多层 box-shadow 平滑阴影、选择器与溢出处理,外加一套 CSS 编写准则与避坑清单,全部带可运行代码。

  • NPM 你需要知道的

    NPM 实用指南:幽灵依赖、pnpm 对比、TypeScript 类型、package.json 配置和依赖管理。

  • JavaScript 你需要知道的

    JavaScript 核心知识体系:闭包原理、原型链机制、异步编程模式、DOM 操作和现代 ES 特性详解。

  • AI 你需要知道的

    AI 基础知识全面指南:机器学习原理、嵌入向量、模型训练流程、Prompt 工程技巧和 AI 工具的实践应用。

2023
  • 我的英语学习历程与反思

    人生应该是有趣而好玩的,包括英语学习。AI 大模型让学习英语变得有趣,分享我用 AI 辅助英语学习的方法和心得。

2022
  • SQL 语句分类与使用指南

    SQL 语句分类与使用完整指南,系统涵盖 DDL、DML、DCL 语句类型和常用函数的详细用法与使用示例。

2021
  • Nodejs中Stream的理解

    Node.js 流技术从入门到进阶详解,涵盖 Readable/Writable 流、网络编程、RPC 和 WebSocket 等高阶实践。

  • 如何做一个与众不同的成功的工程师

    从技术人角度探讨如何成为与众不同的工程师,涵盖职业发展路径规划、技术深度提升方法和个人成长策略分享。

  • AB 实验原理与实践

    AB 实验原理与最佳实践详解,系统涵盖假设检验方法论、正交实验设计原理、流量分割策略和数据驱动决策方法。

  • 如何定义问题

    能定义多大的问题就能做出多大的事业。系统探讨如何精准定义问题以驱动职业发展、业务创新和个人突破的方法论。

  • nodejs你需要知道的

    Node.js 运维实战经验总结,涵盖服务重启恢复策略、多租户部署方案、HSF 服务调用技巧和日志管理。

  • 技术人的影响力和晋升:我这些年慢慢理解的几件事

    一些关于技术人影响力、晋升答辩、核心竞争力和能力模型的长期笔记。不是标准答案,更像是我对职场成长的阶段性整理。

  • 如何写单测

    单元测试实践完整指南:Mocha 配置方法、TypeScript 集成方案、NYC 覆盖率统计和测试最佳实践。

  • SSR 实践指南

    SSR 实践指南:服务端渲染原理、静态页面生成、hydration 机制、Serverless 部署和流式渲染优化。

  • 计算机本质的理解

    深入探索计算机的本质原理:数字编码系统、二进制运算基础、逻辑门电路设计和硬件如何逐步执行软件指令的完整过程。

  • 前端工程师技能树

    前端工程师技能树与职业成长模型深入分析,详细规划专业技能提升路径、核心竞争力构建方案和职业发展策略。

  • [翻译]论如何努力工作

    Paul Graham 关于如何努力工作的文章翻译与解读:找到正确的领域、持续付出努力和克服拖延的方法。

2019
  • Node.js 案例

    Node.js 调试实战和案例分析详解,涵盖 Chrome Inspector 调试方法、性能分析和最佳实践。