three.js 模型加载与资源管理：以 glTF 为例
three.js 模型加载与资源管理：以 glTF 为例 的概念、用法、示例和注意点
Skip to content
工程实践
111 篇文章17 个分组
深入浅出 Webgl与threejs
7 篇深入浅出echarts
7 篇2022/10/117 分钟阅读
交互组件：tooltip、legend、dataZoom 与 visualMap
交互组件：tooltip、legend、dataZoom 与 visualMap 的概念、用法、示例和注意点
深入浅出express Js
7 篇深入浅出next Js
7 篇2024/01/195 分钟阅读
Next.js 关键 API：路由处理程序、中间件与 Server Actions
Next.js 关键 API：路由处理程序、中间件与 Server Actions 的概念、用法、示例和注意点
深入浅出nuxt Js
7 篇深入git的使用
7 篇Architecture
7 篇2025/12/0723 分钟阅读
前端开发中常见的设计模式：框架实现与问题场景笔记
记录 Module、Singleton、Observer/PubSub、Factory、Decorator、Strategy、Proxy、Adapter、State Machine、Command、Chain of Responsibility、DI、MVVM/Flux、Composite、Flyweight 等模式在前端中的常见落点，结合 Vue 3 响应式、Redux 中间件、Koa compose，以及 SSR 状态泄漏、EventBus 内存泄漏、Proxy 渲染风暴等问题场景
2025/12/0516 分钟阅读
前端技术选型的本质是成本核算——从 React Fiber 与 Vue Proxy 的运行时差异到生产迁移策略
从"总成本 = 学习成本 + 开发成本 + 维护成本 + 迁移成本 + 招聘成本 + 生态风险溢价"的量化框架出发，分析 React Fiber reconciler 与 Vue Proxy reactivity 的运行时模型差异对大型项目架构的深层影响，
2025/12/036 分钟阅读
LRU 缓存的 Map 实现：从 V8 OrderedHashMap 到前端缓存架构
基于 V8 OrderedHashMap 内部存储模型（buckets + entries 分离、hole 机制、rehash 触发规则）分析 Map based LRU 的真实 O(1) 条件与退化场景，覆盖渲染管线中 transform vs top 的帧预算差异、缓存架构的 tradeoff
2025/12/018 分钟阅读
虚拟列表的 DOM 复杂度从 O(N) 到 O(1)——渲染管线、帧预算与框架源码的系统分析
从浏览器 layout/paint/composite 管线出发，分析虚拟列表中 transform vs top 的选择对帧预算的影响、scroll 事件在 passive listener 和 compositor thread 中的传递路径、react window 的惰性 metadata 计算与 vue
2025/11/275 分钟阅读
接口（Interface）、抽象类（Abstract Class）与实体类（Concrete Class）对比
围绕「接口（Interface）、抽象类（Abstract Class）与实体类（Concrete Class）对比」分析 TypeScript 抽象建模方式，强调类型约束、扩展边界与工程落地策略。
2025/11/255 分钟阅读
npm / yarn / pnpm / cnpm：包管理器的本质差异在 node_modules 的拓扑结构
从 node_modules 目录结构的演化（嵌套→扁平→符号链接）出发，分析四种包管理器在依赖解析策略、磁盘占用、安装速度、幽灵依赖、Monorepo 支持等维度的工程差异。
Axios在实际项目中的最优实践 Axios的高级特性
6 篇Build Tools
2 篇2025/10/029 分钟阅读
Webpack Loader 与 Plugin 深度解析：从 Tapable 到自定义开发
深入 Webpack 的 Tapable 事件驱动架构，分析 Loader 的 pitch/normal 双阶段执行模型与 Plugin 的 Compiler/Compilation 钩子系统，提供 env replace loader、BuildInfoPlugin 等完整自定义开发示例。
2022/09/243 分钟阅读
Taro 开发环境 prebundle 路径异常排查
Taro 预编译模式下入口文件依赖路径缺少 prebundle 前缀的问题排查，涉及 webpack 版本差异与多平台编译产物不一致。
Ci Cd详解
7 篇2023/07/276 分钟阅读
CI/CD 基础用法：用 GitHub Actions 配置第一个流水线
CI/CD 基础用法：用 GitHub Actions 配置第一个流水线 的概念、用法、示例和注意点
Deployment
4 篇2023/06/309 分钟阅读
前端部署的本质是静态资源分发系统的工程化——从构建产物的缓存策略到多级CDN架构
从前端部署的底层模型出发，分析构建产物的 hash 命名与缓存失效策略、CDN 多级缓存架构、Nginx 反向代理配置、Docker 容器化部署、CI/CD 流水线设计、灰度发布与金丝雀部署策略，以及生产环境中的监控告警与一键回滚机制。
2023/06/2811 分钟阅读
线上回滚的本质是时间窗口管理——从代码回退到零停机恢复的工程体系
从回滚的底层决策模型出发，分析多层回滚体系（静态资源、服务、数据库、配置）、回滚 vs 向前修复的决策框架、自动化回滚工具链设计、监控告警与故障发现的时效性优化，以及生产环境的回滚演练与复盘机制。
2023/06/266 分钟阅读
GitHub Pages 托管静态页面——从部署流程到生产限制的完整分析
GitHub Pages 静态网站托管方案的操作流程、构建机制（Jekyll 与 GitHub Actions）、自定义域名与 HTTPS 配置、资源限制（1GB 空间/100GB 带宽/10次构建每小时），以及与 Vercel/Netlify/Cloudflare Pages 的选择对比。
2023/06/243 分钟阅读
Gitee Pages 部署静态网站——与 GitHub Pages 的差异及自建服务器替代方案
Gitee Pages 静态网站部署流程、实名认证要求、手动触发更新机制与 GitHub Pages 的关键差异对比，以及自建服务器（Nginx + 构建产物）作为替代方案的部署架构。
Nestjs详解
7 篇React Native
7 篇Seo
9 篇2024/08/1511 分钟阅读
Chrome Lighthouse 与网页性能：从指标到优化
从浏览器渲染管线出发，深度解析 LCP、INP、CLS 等 Core Web Vitals 指标的底层机制，结合 Lighthouse CI 集成和真实生产案例，输出可落地的性能优化策略与监控方案。
2024/08/1312 分钟阅读
网站 SEO 解析：从搜索引擎原理到前端框架选型
从搜索引擎爬虫架构、两阶段索引机制到SSR/SSG/ISR渲染策略的深度对比，结合VitePress重构项目的真实Lighthouse数据与GSC收录曲线，输出一套可落地的SEO工程方案。