置顶 用 Nuxt 4 + Nuxt UI 搭建个人博客的完整实践
这个博客从最早的一份静态 HTML，到现在基于 Nuxt 4 与 Nuxt UI 的完整站点，中间迭代了三次。这篇文章记录一下最终的技术选型和落地细节，给同样想搭博客的朋友一个参考。 为什么选择 Nuxt 4 博客的核心诉求其实很简单：内容能被搜索引擎抓到、打开速度足够快、写文章不需要折腾。Nuxt 的 SSR 默认就…
南客笔记 2026/11/12 1,309
技术笔记
用 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,562
深入理解 HTTP 缓存策略
这是「HTTP 缓存策略」主题下的一篇实践记录：深入理解 HTTP 缓存策略。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，HTTP 缓存策略往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时才有判断依据。 实践要点 先明确目标…
南客笔记 2026/11/09 630
深入理解 前端监控体系
这是「前端监控体系」主题下的一篇实践记录：深入理解 前端监控体系。内容用于填充示例数据，方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里，前端监控体系往往不是孤立的知识点，而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍，遇到问题时才有判断依据。 实践要点 先明确目标与边界，再挑选方案…
南客笔记 2026/11/08 767