Posts
我发布过的全部文章。
Nuxt.js 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口
发布日期:约 2 分钟这篇文章介绍了基于 Supabase 与 Nuxt server 路由实现 RESTful 风格 API 接口的过程，完成了网站分类与子站点的前后端 CRUD 打通。
Nuxt.js 实战 (九)：使用 Supabase 实现 Github 认证鉴权
发布日期:约 2 分钟这篇文章介绍了如何基于 Supabase 与 GitHub OAuth 实现 Nuxt3 网站的第三方登录鉴权，包括 Auth Providers 配置与登录页面开发。
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 高效的原理。