文章列表共 38 篇

深入理解 JavaScript 事件循环

这是「JavaScript 事件循环」主题下的一篇实践记录:深入理解 JavaScript 事件循环。内容用于填充示例数据,方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里,JavaScript 事件循环往往不是孤立的知识点,而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍,遇到问题时…

南客笔记 2026/11/12 83

深入理解 Vue 3 响应式原理

这是「Vue 3 响应式原理」主题下的一篇实践记录:深入理解 Vue 3 响应式原理。内容用于填充示例数据,方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里,Vue 3 响应式原理往往不是孤立的知识点,而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍,遇到问题时才有判断依据。 实践要点…

南客笔记 2026/11/11 218

深入理解 TypeScript 类型体操

这是「TypeScript 类型体操」主题下的一篇实践记录:深入理解 TypeScript 类型体操。内容用于填充示例数据,方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里,TypeScript 类型体操往往不是孤立的知识点,而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍,遇到问题时…

南客笔记 2026/11/11 356

深入理解 CSS 现代布局

这是「CSS 现代布局」主题下的一篇实践记录:深入理解 CSS 现代布局。内容用于填充示例数据,方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里,CSS 现代布局往往不是孤立的知识点,而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍,遇到问题时才有判断依据。 实践要点 先明确目标与边界…

南客笔记 2026/11/10 494

深入理解 HTTP 缓存策略

这是「HTTP 缓存策略」主题下的一篇实践记录:深入理解 HTTP 缓存策略。内容用于填充示例数据,方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里,HTTP 缓存策略往往不是孤立的知识点,而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍,遇到问题时才有判断依据。 实践要点 先明确目标…

南客笔记 2026/11/09 631

深入理解 前端监控体系

这是「前端监控体系」主题下的一篇实践记录:深入理解 前端监控体系。内容用于填充示例数据,方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里,前端监控体系往往不是孤立的知识点,而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍,遇到问题时才有判断依据。 实践要点 先明确目标与边界,再挑选方案…

南客笔记 2026/11/08 768

前端性能优化:从首屏 3.2s 到 1.1s

上个月接手一个后台项目,首屏加载 3.2 秒,用户反馈「点开要等一下」。经过一周优化,稳定在 1.1 秒左右。下面按收益从高到低记录。 1. 先量化,再优化 优化之前必须建立基线。我使用的是 Lighthouse + 真实用户监控两条线:实验室数据看瓶颈,真实数据看用户感受。 2. 拆包与懒加载 路由级代码分割,首屏只…

南客笔记 2026/11/08 1,851

深入理解 微前端拆分方案

这是「微前端拆分方案」主题下的一篇实践记录:深入理解 微前端拆分方案。内容用于填充示例数据,方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里,微前端拆分方案往往不是孤立的知识点,而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍,遇到问题时才有判断依据。 实践要点 先明确目标与边界,再挑…

南客笔记 2026/11/08 893

Tailwind CSS 4 主题变量实战

Tailwind CSS 4 把配置从 JavaScript 搬到了 CSS 里,主题变量用起来更自然。这篇文章记录几个在真实项目里总结的用法。 用 CSS 变量定义主题 @theme static { --font-sans: 'OPPO Sans SC', 'PingFang SC', system-ui, san…

南客笔记 2026/10/28 885

JavaScript 事件循环 实践笔记

这是「JavaScript 事件循环」主题下的一篇实践记录:JavaScript 事件循环 实践笔记。内容用于填充示例数据,方便浏览分页、搜索结果与文章详情。 为什么关注这个主题 在真实项目里,JavaScript 事件循环往往不是孤立的知识点,而是和性能、稳定性、可维护性纠缠在一起。把它单独拿出来梳理一遍,遇到问题时…

南客笔记 2026/10/27 1,006