博客

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

2026
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 开发运维完整指南,系统涵盖技术架构选型、服务稳定性保障方案、监控体系搭建和灰度放量方案。

  • React 常见问题与解决方案

    React 常见开发问题与解决方案完整合集:表单重置、闭包陷阱、死循环排查方法、错误边界和性能优化。

  • Service Worker 实践指南

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

  • 动画库推荐与使用指南

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

  • 国际化与本地化

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

  • 跨端开发与动态化实践

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

  • 前端工程指南

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

  • 前端构建,你需要知道的

    前端构建工具详解:Webpack loader、chunk splitting、tree shaking、Module Federation、Rollup 和 Vite。

  • 前端架构

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

  • 前端性能优化指南

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

  • 容器化技术概述

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

  • 中后台解决方案

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

  • Node Stream Complete Guide Notes

    Node.js 流与网络基础,涵盖 TCP/UDP 协议、HTTP/HTTPS 和常见通信协议详解。

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

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

  • 前端埋点指南

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

  • 应用自动部署和发布

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

  • CSS 你需要知道的

    网格布局;动画:animation,animation-play-state,:checked,transform的使用;CSS编写准则、案例

  • NPM 你需要知道的

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

  • JavaScript 你需要知道的

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

  • React Server Component

    React Server Component 详解:零 bundle 组件、服务端与客户端边界和 React 渲染的未来。

  • React SSR (Streaming Server-Side Reandering)

    React SSR 深入解析:流式服务端渲染实现、选择性 hydration 机制和服务端性能优化技巧。

  • Concurrent Mode并发模式

    React 并发模式深入解析:Concurrent Mode 的发展历史、解决的核心问题和 Fiber 架构的工作原理。

  • React.Suspense 使用指南

    React Suspense 使用指南:异步组件、代码分割、数据加载和 fallback UI 模式实践。

  • React解决什么问题

    理解 React 的设计哲学与核心原理、它解决的核心问题以及组件模型为何对现代 UI 开发至关重要。

  • AI 你需要知道的

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

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

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

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

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

2021
  • React 状态管理 & 全局共享状态设计

    React 状态管理与全局共享状态设计,对比 Class 组件和 Hooks,分析 Redux、MobX、zustand 等方案。

  • Nodejs中Stream的理解

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

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

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

  • AB 实验原理与实践

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

  • 如何定义问题

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

  • nodejs你需要知道的

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

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

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

  • 如何写单测

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

  • SSR 实践指南

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

  • 计算机本质的理解

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

  • 前端工程师技能树

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

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

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

2019
  • Why React Hooks

    React Hooks 演进历程:从 Class 组件到 Hooks,核心 API 详解和性能优化策略。

  • Node.js 案例

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