置顶 用 Nuxt 4 + Nuxt UI 搭建个人博客的完整实践
这个博客从最早的一份静态 HTML，到现在基于 Nuxt 4 与 Nuxt UI 的完整站点，中间迭代了三次。这篇文章记录一下最终的技术选型和落地细节，给同样想搭博客的朋友一个参考。 为什么选择 Nuxt 4 博客的核心诉求其实很简单：内容能被搜索引擎抓到、打开速度足够快、写文章不需要折腾。Nuxt 的 SSR 默认就…
南客笔记 2026/11/12 1,309
文章列表共 110 篇
深入理解 JavaScript 事件循环
这是「JavaScript 事件循环」主题下的一篇实践记录：深入理解 JavaScript 事件循环。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，JavaScript 事件循环往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时…
南客笔记 2026/11/12 82
深入理解 Vue 3 响应式原理
这是「Vue 3 响应式原理」主题下的一篇实践记录：深入理解 Vue 3 响应式原理。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，Vue 3 响应式原理往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时才有判断依据。 实践要点…
南客笔记 2026/11/11 217
深入理解 TypeScript 类型体操
这是「TypeScript 类型体操」主题下的一篇实践记录：深入理解 TypeScript 类型体操。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，TypeScript 类型体操往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时…
南客笔记 2026/11/11 355
深入理解 CSS 现代布局
这是「CSS 现代布局」主题下的一篇实践记录：深入理解 CSS 现代布局。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，CSS 现代布局往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时才有判断依据。 实践要点 先明确目标与边界…
南客笔记 2026/11/10 493
Redis 缓存设计中最容易踩的五个坑
缓存能解决性能问题，也能制造性能问题。下面这五个坑，是我在几个真实项目里反复见到的。 一、缓存雪崩 大量 key 在同一时刻过期，请求瞬间全部打到数据库。解决办法是给过期时间加随机抖动： const ttl = 300 + Math.floor(Math.random() * 60); await redis.set(…
南客笔记 2026/11/10 1,563
深入理解 HTTP 缓存策略
这是「HTTP 缓存策略」主题下的一篇实践记录：深入理解 HTTP 缓存策略。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，HTTP 缓存策略往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时才有判断依据。 实践要点 先明确目标…
南客笔记 2026/11/09 630
深入理解 前端监控体系
这是「前端监控体系」主题下的一篇实践记录：深入理解 前端监控体系。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，前端监控体系往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时才有判断依据。 实践要点 先明确目标与边界，再挑选方案…
南客笔记 2026/11/08 767
前端性能优化：从首屏 3.2s 到 1.1s
上个月接手一个后台项目，首屏加载 3.2 秒，用户反馈「点开要等一下」。经过一周优化，稳定在 1.1 秒左右。下面按收益从高到低记录。 1. 先量化，再优化 优化之前必须建立基线。我使用的是 Lighthouse + 真实用户监控两条线：实验室数据看瓶颈，真实数据看用户感受。 2. 拆包与懒加载 路由级代码分割，首屏只…
南客笔记 2026/11/08 1,850
深入理解 微前端拆分方案
这是「微前端拆分方案」主题下的一篇实践记录：深入理解 微前端拆分方案。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，微前端拆分方案往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时才有判断依据。 实践要点 先明确目标与边界，再挑…
南客笔记 2026/11/08 893