阅读 - 浮生半页

Nuxt3 实战 (十二)：SEO 搜索引擎优化指南

这篇文章介绍了如何在Nuxt3中进行搜索引擎优化（SEO），包括如何在nuxt.config.ts中添加配置，使用组合函数useHead和useSeoMeta来设置网站的标题、关键词、描述等元数据，并根据当前路由动态设置元数据，以及如何设置动态标题。

Nuxt3 实战 (十一)：添加路由 Transition 过渡效果和 Loading 动画

这篇文章介绍了在Nuxt3项目中如何添加路由Transition过渡效果和Loading动画，通过配置nuxt.config.ts文件和在app.vue中添加CSS来实现页面和布局之间的过渡效果，并展示了如何为不同页面设置不同的过渡效果。

Nuxt3 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口

这篇文章介绍了如何使用Supabase实现RESTful风格的API接口，通过两张表`ds_categorys`和`ds_websites`来存储网站分类及子站点的相关信息，并实现CURD功能。文章详细说明了如何设计接口，如何在`server/api`目录下新增接口文件，并展示了如何编写Get接口的示例代码。

Nuxt3 实战 (九)：使用 Supabase 实现 Github 认证鉴权

这篇文章介绍了如何使用Supabase和Github OAuth Apps实现Nuxt3应用的登录鉴权，通过配置Auth Providers，设置OAuth Apps信息，并在Nuxt3中集成@nuxtjs/supabase插件，创建相应的login.vue和confirm.vue文件，从而实现通过Github授权登录并在Supabase数据库中进行操作。

Nuxt3 实战 (八)：优雅的实现暗黑主题模式

这篇文章介绍了在Nuxt3框架中如何使用color-mode库来实现暗黑主题模式，包括如何安装依赖、配置文件以及如何在组件中加载和运用该模式。

Nuxt3 实战 (七)：配置 Supabase 数据库

这篇文章介绍了如何在Nuxt3项目中配置Supabase数据库，包括选择数据库的理由、Supabase的特点、创建项目和表、插入测试数据，以及在项目中配置Supabase的步骤。

我是如何使用 Next.js14 + Tailwindcss 重构个人项目的

这篇文章介绍了作者如何使用 Next.js14 和 Tailwindcss 对个人项目进行重构，以及项目的技术栈、部署方式和优化过程。项目基于之前学习的灵感，目的是提升用户体验和SEO优化。文章详细说明了项目环境配置、克隆、安装依赖和部署步骤，并提醒接口使用规则及责任声明。作者还表示将分享开发中的问题和解决方法。

致敬每一个像“胖猫”一样对待感情真诚的人

这篇文章介绍了作者对于一位21岁青年在感情中受到PUA和洗脑，导致悲剧性结果的关注和感慨，表达了对真诚感情态度的赞赏和对现代社会感情观的批判。

Nuxt3 实战 (六)：Footer 底部布局

这篇文章介绍了在Nuxt3项目中开发Footer底部布局的步骤，包括创建组件AppFooter.vue，并添加了备案号、图标以及社交按钮链接等内容。

Nuxt3 实战 (五)：Header 头部布局

这篇文章介绍了在Nuxt3项目中实现Header头部布局的实战过程，包括布局组件的拆分、Logo和网站图标的准备，以及如何添加Nuxt UI布局和实现白天暗黑模式切换组件。

JS 分片任务的高阶函数封装

这篇文章介绍了在实际业务开发中，如何处理渲染大量元素导致的页面卡顿问题。文章通过问题复现，分析了浏览器渲染原理，并提出了使用分片任务执行的方法。文章详细介绍了如何使用requestIdleCallback API实现分片任务，并封装成高阶函数，以便开发者针对不同任务进行自定义分片处理。同时，文章也涉及了浏览器渲染原理和requestIdleCallback API的用法。

Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查

这篇文章介绍了如何在Nuxt3项目中安装Nuxt UI和配置Typescript类型检查，包括组件库的选择、安装Nuxt UI、配置模块、在应用中使用组件和可组合函数，以及处理相关错误和配置类型检查。

2025 年 7 月
日	一	二	三	四	五	六
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31