Posts
我发布过的全部文章。
Nuxt.js 实战 (八)：优雅的实现暗黑主题模式
发布日期:约 1 分钟这篇文章记录了使用 @nuxtjs/color-mode 为 Nuxt 站点实现暗黑主题模式切换的过程，并加入了基于 View Transition API 的过渡动画。
Nuxt.js 实战 (七)：配置 Supabase 数据库
发布日期:约 3 分钟这篇文章介绍了在 Nuxt 项目中接入 Supabase 数据库的完整步骤，包括创建数据表、配置 RLS 安全策略以及打通前后端数据访问。
Nuxt.js 实战 (六)：Footer 底部布局
发布日期:约 1 分钟这篇文章介绍了参考 Nuxt UI 官网实现站点 Footer 底部布局的过程，包括 ICP 备案信息展示与社交图标按钮开发。
Nuxt.js 实战 (五)：Header 头部布局
发布日期:约 1 分钟这篇文章记录了 Nuxt 站点 Header 头部布局的实现过程，包括 Logo、社交图标、暗黑模式切换组件的开发与布局拆分。
分片任务的高阶函数封装
发布日期:约 3 分钟这篇文章通过一个向页面插入十万条数据的例子，解释了浏览器页面卡顿的原因，并演示了如何利用 requestIdleCallback 将任务分片执行，最终封装成通用的高阶函数。
Nuxt.js 实战 (四)：安装 Nuxt UI 和配置 TypeScript 类型检查
发布日期:约 1 分钟这篇文章记录了在 Nuxt 项目中安装 Nuxt UI 组件库并配置 TypeScript 类型检查的过程，为后续页面与布局开发打下基础。
Nuxt.js 实战 (三)：使用 release-it 自动管理版本号和生成 CHANGELOG
发布日期:约 1 分钟这篇文章介绍了在 Nuxt 项目中使用 release-it 配合 conventional-changelog 自动化管理版本号、生成 CHANGELOG、打 Git Tag 并发布到 GitHub 的完整流程。
Nuxt.js 实战 (二)：配置 Eslint、Prettierrc、Husky等项目提交规范
发布日期:约 3 分钟这篇文章记录了在 Nuxt 项目中配置 ESLint、Stylelint、Husky、Lint-staged 与 Commitlint 的过程，建立起统一的代码规范与 Git 提交校验流程。
浏览器渲染原理：从解析 HTML 到屏幕成像
发布日期:约 6 分钟这篇文章梳理了浏览器从解析 HTML 到屏幕成像的完整渲染流程，包括样式计算、布局、分层、绘制、分块与光栅化，并解释了 reflow、repaint 和 transform 高效的原理。
Vite 打包优化：通过 manualChunks 手动分包
发布日期:约 3 分钟这篇文章以 Vue 3 项目为例，介绍了使用 Vite 的 manualChunks 配置将第三方依赖单独打包的优化方法，并总结了代码分包带来的缓存与加载优势。
浏览器进程与线程：从进程模型到事件循环
发布日期:约 7 分钟这篇文章讲解了浏览器的进程模型、渲染主线程的工作方式与事件循环机制，并结合实例说明了 JS 单线程为何会阻塞渲染以及浏览器如何通过异步避免卡顿。