乐闻
TA的文章
前端快速入门Koa.js
插件机制是目前非常流行的拓展能力的设计方式，Koa框架是基于插件机制封装出来的一个Node HTTP框架，我将简单记录一下Koa的插件机制以及丰富的插件。
CSS 响应式布局方法汇总
一、媒体查询@media关键分辨率768px992px1200px@media(min-width:768px){//=768的设备}@media(min-width:992px){//=992的设备}@media(min-width:1200){//=1200的设备}@media(max-width:1199){//=1199的设备}@media(max-width:991px){//=991的
React 支持多语言国际化 -- i18next
随着互联网应用的全球化发展，多语言支持（国际化，Internationalization，简称i18n）成为现代前端开发中不可或缺的一部分。React作为主流的前端框架，如何优雅地实现多语言切换？本文将以i18next这个流行的国际化库为例，详细讲解如何在React项目中实现多语言支持。什么是i18next？i18next是一个功能强大且灵活的国际化框架，支持多种前端和后端环境。它提供了语言资源管
TailwindCSS 如何修改 SVG 的颜色
SVG（ScalableVectorGraphics）对于现代网页设计中非常重要，SVG图像由于其可缩放性、清晰度和文件大小小的特点，变得越来越受欢迎。而TailwindCSS，作为一个实用性第一的CSS框架，它可以帮助我们以一种高效且简洁的方式对网站进行样式设计。但是，你可能会遇到一个问题：如何在TailwindCSS中修改SVG图像的颜色呢？这篇教程中将通过简单的步骤来展示如何在Tailwin
React Hooks 的 useContext 使用和实践
在React中，状态管理一直是一个非常重要的话题，React的HookAPI自从16.8版本起就为函数组件提供了状态管理和副作用等能力。其中useContext是一个非常强大的Hook，它可以让你在组件树中直接共享状态，而无需手动地传递props。什么是Context？在深入useContext之前，我们需要理解什么是Context。在React应用中，数据是通过props从上至下（从父到子）传递
你了解扫码登录的本质和原理吗？
你了解扫码登录的本质和原理吗？我们日常生活中会使用到各种各样的系统，比如微信，qq，哔哩哔哩等等。这些系统都是要求登录的，登录的方式也有好几种方式，常见的登录方式有表单登录，扫码登录，移动端三方授权登录等。登录的本质是什么呢？我认为登录的本质就是服务器确认用户的身份，并且授予客户端身份证，比如token,sessionId。用户确认身份后才进行进一步的操作，比如订单功能，收藏功能等等。本文介绍一下
如何基于Scrcpy 实现远程调试？
在开发Android应用时，远程调试是一项非常实用的功能，它可以让开发者不必每次都连接物理设备即可进行应用测试和调试。Scrcpy是一款开源的Android设备控制和显示工具，它通过USB（或者通过TCP/IP进行网络传输）连接设备，提供了高性能的屏幕镜像和操作能力。本文将详细介绍如何使用Scrcpy进行远程调试。环境准备安装ADB:Scrcpy依赖于AndroidDebugBridge(ADB
React 内置 Hook 之 useEffect
Hook是一种特殊的函数，使得你能够在不更改组件结构的条件下，重用组件之间的状态相关逻辑，进步提升我们代码的复用性和可维护性。其中，useEffect作为核心的一部分，帮助我们解决在类组件中副作用相关逻辑复杂难懂的问题。理解了Hook的概念，让我们现在深入探讨它其中一个重要的应用——useEffect。useEffect是什么useEffect是React的核心Hook之一。它让你可以在函数组件中
React 使用 Recoil 和 LocalStorage 实现状态持久化
实现Recoil状态与LocalStorage的无缝集成，而不在业务组件中直接操作，我们可以使用Recoil的高阶工具——effect。Effect允许我们在atom的配置中直接定义与外部资源的交互，从而将持久化逻辑与业务组件解耦。下面是如何创建自动同步到LocalStorage的Recoilatom的步骤。实现步骤一、创建Recoil状态(atom)并添加effect首先，我们创建一个Recok
如何使用 git stash 暂时缓存 git 工作区或暂存区的内容改动
在日复一日的代码开发过程中，我们经常会遇到这样的情境：你正在开发一个新功能，但是突然需要切换到另一个分支处理一个紧急bug。这个时候，你的代码又处于半成品状态，既不想提交一个半成品的commit，又不想丢失当前的工作进展。这时候，gitstash就是你的救星。今天，我们就来深入了解一下这个强大的Git工具。gitstash是什么gitstash命令可以将你的工作区和暂存区的改动“储藏”起来，让你
如何在 NestJS 中安全高效的管理 Config 配置
应用程序通常需要在多种环境中运行，比如本地开发环境、测试环境和生产环境。在不同的环境中，我们通常需要采用不同的配置设置。举个例子，本地环境可能需要一个特定的数据库凭据，而生产环境则使用另一组完全不同的数据库凭据。由于这些配置变量频繁地改变，因此最佳实践是将它们存在环境变量中。在Node.js中，外部定义的环境变量可以通过process.env全局变量来访问。一种可能的做法是在每个环境中设置不同的环
如何使用TypeScript范型提升代码复用性
什么是TypeScript范型TypeScript的范型（Generics）是一种创建可重复使用的组件的方式，这种组件可以对多种数据类型进行操作。范型本质上是为参数化的类型系统提供了工具，它提供了一种方法，能让你在定义函数、接口或类时不具体指定类型，而是在使用时再明确类型。普通类型和范型最主要的区别普通类型在编码阶段就已经确定了数据类型，对于不同类型的处理需要写多个函数或者类；范型则使用一种动态的
一篇文章学会使用 NestJS 的 Module 实现高效的代码模块管理
在构建大型Web应用时，代码的组织和管理往往十分复杂。有没有一种方式可以使应用的每一个部分可以过分承担工作并保持独立，同时又能一起协作实现应用的完整功能呢？本文将为您详细介绍NestJS模块的概念以及创建过程。NestJS模块类似于工厂中的各个部门，每个部门有一套自己的工作模式，但最终共同完成整个生产流程。通过这篇文章，您不仅将理解NestJS模块是什么，更能掌握如何创建自己的自定义模块。且看这次
Next 如何优雅地处理错误和异常 - Error Handling
在构建Web应用时，恰当地处理错误和异常是保证用户体验和系统稳定性的关键。Next.js作为一个功能丰富的React框架，提供了一系列的错误处理机制，让我们可以更加优雅和有效地管理错误。在本篇教程中，我们将逐步了解Next.js中的错误处理，以及如何利用它提供的工具和特性来提升应用的健壮性。了解Next.js的错误类型在Next.js中，错误大致可以分为两类：客户端错误：通常发生在浏览器端，例如路
TypeORM 如何设置索引@Index
在数据库系统中，索引是帮助快速检索数据的一种数据结构。对于使用TypeORM来管理数据库的开发者来说，了解如何在模型中设置索引非常重要。本教程将记录如何在TypeORM中设置索引。什么是索引？索引（Index）是数据库表中一种特殊的数据结构，它能够帮助我们更快地检索表中的数据。理解索引的概念可以想象一本书的目录，它能让你快速找到你想阅读的章节，而不是一页页地翻找。索引设置方式在TypeORM中
NestJS 如何实现接口多版本控制
在持续迭代的现代应用开发中，版本控制是无法绕开的问题。任何对现有接口的修改，如果没有一个有效的版本控制机制，都可能导致应用全局范围的影响。那么，如何实现一个清晰且高效的接口版本控制呢？多版本控制策略希望在设计之初就考虑到，以确保应用具备良好的灵活性和可扩展性。而NestJS的强大功能，就带给我们实现多版本控制的可能。NestJS是一个强大且灵活的Node.js框架，它提供的模块化架构可以让我们为每
Mongoose 如何使用 in 进行数据搜索
在Mongoose中，可以使用in操作符来查找字段值是否在指定的数组中。in通常用于构造查询，以便在字段中查找多个可能的值。以下是如何在Mongoose中使用in操作符的示例。操作MongoDB首先，确保你已经安装并导入了Mongoose，然后连接到了MongoDB数据库。constmongoose=require('mongoose');mongoose.connect('mongodb://
一文教会你如何使用 Vercel 部署你的 NestJS 应用
这篇文章详细解析了如何使用Vercel免费部署Nestjs项目的步骤。首先，我们需要在Nestjs项目中添加Vercel的配置文件。接着，我们将项目上传到GitHub，然后授权给Vercel。选择GitHub上的项目，通过Vercel平台创建新项目并完成部署。此外，如果你想使用个人域名访问你的服务，Vercel也提供了这样的支持，你只要有一个通过备案的个人域名，就可以将其配置到你的Vercel项
TypeScript 中的 interface 和 type 有什么区别？应该如何选择？
TypeScript中的interface和type都是声明自定义类型的方式，但它们有一些区别，适用于不同的使用场景。两者使用案例interfaceinterface主要用于描述对象的形状或者类的结构，这是它最经常的应用场景。interface使用示例：interfacePerson{name:string;age:number;}functiongreet(person:Person){re
如何使用 Next.js 和 i18next 实现网站多语言版本翻译
在构建一个面向全球受众的现代网络应用程序时，提供多语言支持变得至关重要。Next.js作为一个功能丰富的React框架，它支持国际化（i18n）的功能，让开发者能够轻松地创建多语言网站。在这篇教程中，我将指导你如何使用Next.js和i18n实现网站翻译。实现步骤一、安装依赖Next.js支持多种国际化库。对于本教程，我们将使用next-i18next，这是一个为Next.js项目优化的i18n库
TA的教程专栏
TailwindCSS 使用指南
Tailwind CSS 是一个流行的 CSS 工具库，它提供了一系列预定义的 CSS 类，可以帮助您轻松地创建漂亮的用户界面。本教程将帮助您深入了解 Tailwind CSS 的高级功能和技术，以帮助您更好地利用这个强大的工具库。 在本教程中，您将学习到： 如何使用 Tailwind CSS 的主题和变量来自定义外观和样式； 如何在 Tailwind CSS 中配置和使用插件来扩展其功能； 如何在 Tailwind CSS 中使用 JS 钩子和样式函数来创建动态样式； 如何在 Tailwind CSS 中创建响应式布局和样式； 如何在 Tailwind CSS 中使用 PurgeCSS 来优化和精简 CSS。 本教程适合那些已经有一定 Tailwind CSS 开发经验，并想要深入了解其高级功能和技术的开发人员。无论您是初学者还是有一定经验的 Tailwind CSS 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 Tailwind CSS 进阶之旅吧！
Typeorm 使用指南
TypeORM 是一个流行的 TypeScript ORM（对象关系映射）库，它可以帮助您轻松地将 TypeScript 类映射到关系型数据库表。本教程将帮助您深入了解 TypeORM 的高级功能和技术，以帮助您更好地利用这个强大的库。 在本教程中，您将学习到： 如何使用 TypeORM 中的高级查询和过滤功能来查询和操作数据库； 如何使用 TypeORM 中的实体继承和关系映射来创建复杂的数据模型； 如何使用 TypeORM 中的迁移和数据填充来管理数据库模式和数据； 如何在 TypeORM 中使用存储过程和触发器来扩展数据库功能； 如何在 TypeORM 中使用多数据库和分布式事务来管理复杂的应用程序。 本教程适合那些已经有一定 TypeORM 开发经验，并想要深入了解其高级功能和技术的开发人员。无论您是初学者还是有一定经验的 TypeORM 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 TypeORM 进阶之旅吧！
如何打造属于自己的React组件库
随着组件化开发成为前端开发的主流，拥有一套定制化的React组件库变得极其重要。本系列教程将指导你如何设计、开发和维护一个React组件库，不仅满足项目需求，而且易于共享和复用。我们将从React组件的基础知识开始，逐步讲解如何构建可复用组件、如何管理组件状态和生命周期、以及如何通过Prop Types和TypeScript进行类型检查。此外，你还将学习到如何利用Storybook来展示组件、使用Jest和Enzyme进行单元测试，以及如何将你的组件库发布到npm。 通过本系列教程的学习，你将获得创建自己React组件库的全部技能，为你的开发工作带来前所未有的效率和乐趣。
Mongoose 使用指南
在本教程中，我们将逐步探索Mongoose——一个在Node.js环境下与MongoDB数据库协同工作的强大库。从基本概念的铺垫到实用技巧的深度剖析，本系列覆盖了Schema设计、数据类型定义、模型创建、查询优化、插件扩展等核心主题。你将学习如何利用Mongoose的Schema来定义数据结构，实现数据验证和类型转换，以及如何通过模型进行数据的增删改查操作。 此外，教程将深入Mongoose的高级特性，包括但不限于索引管理、聚合框架、事务处理和数据迁移。我们将通过丰富的示例和练习，教你如何运用Mongoose来处理复杂查询、关联数据以及性能调优。 随后，本系列教程将深入讨论更高级的特性，如中间件（pre和post hooks）、数据校验、虚拟属性和实例方法，以及如何使用聚合管道进行复杂查询。此外，我们将详细介绍如何处理关系型数据，在Mongoose中实现文档的嵌入和引用，以及如何优雅地处理这些关系。 为了将理论与实践相结合，每一部分内容都包含了逐步的代码示例和实战小项目，帮助你更好地理解和运用Mongoose的功能。我们还会讨论性能调优、错误处理和最佳实践，以确保你能够构建既健壮又高效的Node.js应用。
CSS 入门指南
CSS 是一种用于描述文档样式和布局的样式表语言，它是 Web 开发中不可或缺的一部分。本教程将帮助您从零开始学习 CSS，了解其基本概念和语法，并逐步深入学习其高级特性和实践技巧。 在本教程中，您将学习到： CSS 基础知识，如选择器、盒模型、布局等； CSS 颜色、字体、背景和边框等样式属性的使用； CSS 媒体查询和响应式设计的实现； CSS 动画和过渡的实现技巧； CSS 预处理器，如 Sass、Less 的使用； CSS 框架，如 Bootstrap、Tailwind CSS 的使用。 本教程适合那些想要从零开始学习 CSS 的初学者。无论您是 Web 开发新手还是有一定经验的开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 CSS 入门之旅吧！
React 入门宝典
React 是一个流行的 JavaScript 库，用于构建大规模、高性能的 Web 应用程序。本教程将帮助您从 React 的基础知识入门开始，逐步深入掌握 React 的高级概念和技术，以成为一名优秀的 React 开发人员。 在本教程中，您将学习到： React 的基础概念和核心原则，如组件、Props、State、生命周期等； 如何使用 JSX 语法编写 React 组件和模板； 如何使用 React 的事件处理、表单处理、样式管理等功能； 如何使用 React Router 实现单页应用程序； 如何使用 Redux 进行状态管理和数据流控制； 如何使用 React 的高级技术，如 Hooks、Context、Portal 等。 本教程适合那些已经有一定 JavaScript 编程经验，并希望进一步学习 React 技术的开发人员。无论您是初学者还是有一定经验的 React 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 React 之旅吧！
Web项目国际化通关手册
React 国际化是指将应用程序适配到不同的语言和地区的过程。在全球化时代，为您的应用程序提供多语言支持将为您的用户提供更好的用户体验，并帮助您扩大全球市场。本教程将帮助您学习如何在 React 应用程序中实现国际化。 在本教程中，您将学习到： React 国际化的基本概念和原则； 如何使用 React Intl 库来实现国际化； 如何在 React 中处理多语言文本、日期、时间和货币等； 如何在 React 中实现动态文本替换； 如何在 React 中切换不同的语言版本； 如何测试和调试国际化应用程序。 本教程适合那些已经有一定 React 开发经验，并想要扩展其应用程序的全球化能力的开发人员。通过本教程，您将学习如何使用 React Intl 库和其他现有工具来实现国际化，从而为您的应用程序提供更广泛的用户群和更好的用户体验。 让我们开始您的 React 国际化之旅吧！
Nodejs 学习指南
这是一套全面的Node.js学习指南，覆盖了从基础知识到高级应用的全部必备技能。本教程系列将带领你进入Node.js的世界，一个强大而灵活的JavaScript运行时环境，它让JavaScript不仅仅能在浏览器中运行。你将了解到如何设置Node.js环境、利用npm管理包，以及如何构建第一个应用程序。随着课程的深入，我们会探讨异步编程模型、中间件、RESTful API设计、数据库集成、安全性、测试以及性能优化等进阶主题。 无论你是初学者还是有志于成为全栈开发者，本教程都将为你提供一个扎实的Node.js学习基础和实践路径。
NestJS 最佳实践手册
在这个全面的NestJS最佳实践手册中，我们将一起探索如何使用NestJS这个强大的Node.js框架来构建可维护、可扩展的企业级应用。从NestJS的基本概念和架构出发，到深入了解其依赖注入、模块化和微服务等核心功能，本手册将为你提供一系列的专业指导和实用技巧。 我们将讨论如何有效地利用TypeScript的强类型能力，如何整合ORM以实现数据库操作，以及如何应用中间件、守卫、过滤器和拦截器来增强应用的安全性和性能。 通过实际案例和模式分析，这本手册不仅会教你如何编写代码，更重要的是教你如何思考NestJS应用的设计和结构，让你成为在现代后端开发领域中的专家。
Nextjs 全栈开发手册
在这个系列教程中，您将踏上一段探索 Next.js 的精彩旅程。Next.js 是一款基于 Node.js 和 React 的现代化框架，专为构建快速、静态生成和服务器端渲染的Web应用而设计。无论您是前端新手还是经验丰富的开发者，本教程都将以步骤分解的方式带领您从基础概念到高级功能，全面了解 Next.js 的核心特性。 我们将从 Next.js 的安装和基本配置开始，逐步深入到路由、状态管理、构建优化以及部署策略。通过实际案例，您将学会如何利用 Next.js 提升开发效率，提高应用性能，并构建出具有优秀SEO表现和用户体验的Web应用。 随着本系列教程的深入，您将掌握 Next.js 最佳实践，与此同时，我们还将涵盖如何整合RESTful API和GraphQL、使用静态站点生成(SSG)与服务器端渲染(SSR)的先进技术，以及如何借助 Vercel 等平台，实现无缝的生产部署。 让我们一起开启这次学习之旅，探索 Next.js 带来的无限可能，为您的前端技能树添上一笔重要的一笔。
TA的问题
TA的面试题
- Canvas 动画怎么实现？如何优化性能？Canvas 动画本质是逐帧重绘：每帧调用 `requestAnimationFrame` 回调，在其中更新状态、清除画布、重绘所有元素，浏览器按刷新率（通常 60fps）将帧提交到屏幕。性能优化的核心思路是减少每帧的计算量和绘制量：用 `OffscreenCanvas` + Worker 将计算和预渲染移到后台线程；用对象池复用粒子避免 GC 压力；用脏矩形只重绘变化区域；分层 Canvas 将静态背景和动态前景分离；批量绘制减少状态切换。 ## 追问 - `requestAnimationFrame` 和 `setInterval` 做动画有什么本质区别？ - `Offscree...
- Canvas 元素是什么？和 SVG 有什么区别？Canvas 是 HTML5 的 `<canvas>` 元素，提供一块可编程的像素级绘图表面。通过 JS 获取 2D 渲染上下文（`getContext('2d')`）或 WebGL 上下文来绘制图形。核心用途：数据可视化、2D 游戏、图像处理、动画、视频特效。与 SVG 的关键区别：Canvas 是栅格模式（像素绘制，适合高频更新和大量对象），SVG 是矢量模式（DOM 节点，适合交互和缩放）。Canvas 不保留绘制对象，每帧是完整重绘。 ## 追问 - Canvas 2D 和 WebGL 上下文有什么区别？什么场景需要用 WebGL？ - Canvas 重绘时旧内容去哪了？为什...
- Canvas 路径绘制和图形变换怎么用？路径绘制分三步：定义路径、闭合路径、渲染路径。先用 `beginPath()` 清除旧路径，`moveTo()` 定起点，再用 `lineTo()`/`arc()`/`bezierCurveTo()` 等绘制子路径，最后 `closePath()` 闭合并用 `fill()` 或 `stroke()` 渲染。图形变换通过坐标系变换实现：`translate(x,y)` 平移原点、`rotate(angle)` 绕原点旋转、`scale(sx,sy)` 缩放，`transform(a,b,c,d,e,f)` 直接设置变换矩阵。变换是累积的，用 `save()/restore()` 管理状态...
- Nuxt.js 的路由系统和 Vue Router 有什么不同？核心区别：Vue Router 需要手动在 router.ts 中声明路由表（path/component 映射）；Nuxt 基于文件系统自动生成路由——pages/ 目录的文件路径即路由路径。例如 pages/user/[id].vue 自动映射为 /user/:id，pages/user/index.vue 映射为 /user。Nuxt 还内置了 layouts/ 布局系统、middleware/ 路由中间件（替代 Vue Router 的 beforeEnter/全局守卫），以及 NuxtPage 和 NuxtLayout 组件处理嵌套路由渲染。底层仍使用 Vue Router，但...
- Nuxt.js 中如何管理状态？useState 和 Pinia 怎么选？Nuxt 3 推荐两种方案：内置的 `useState()` composable 和 Pinia（通过 `@pinia/nuxt` 模块集成）。`useState()` 适合跨组件共享简单响应式状态，天然 SSR 安全——服务端和客户端状态自动同步，无需额外处理水合。Pinia 适合复杂状态管理，支持 actions、getters、插件生态，且同样对 SSR 友好。Vuex 是 Nuxt 2 时代的默认方案，Nuxt 3 已不再内置。 ## 追问 - `useState()` 和 `ref()` 在 SSR 场景下有什么区别？为什么不能用 `ref()` 共享状态？ - Pini...
- Nuxt.js 的 SSG 和 SSR 有什么区别？怎么选？SSG 在构建时（nuxt generate）遍历所有路由，执行数据获取逻辑，生成完整静态 HTML 文件，部署到任意静态服务器即可，请求零服务端开销；SSR 在每次请求时由 Node 服务动态渲染 HTML，内容实时但需要持续运行服务器。Nuxt 3 通过 routeRules 支持混合模式：同一个应用中，博客页 SSG、商品页 ISR（swr 缓存）、后台 SPA，按路由粒度选择渲染策略，不再需要二选一。 ## 追问 - ISR（Incremental Static Regeneration）在 Nuxt 3 里怎么实现？和 Next.js 的 ISR 有什么区别？ - SSG ...
- Nuxt.js 的模块和插件有什么区别？模块（Module）在 Nuxt 初始化阶段执行，能修改构建配置、注册插件和中间件，是 Nuxt 核心扩展机制，通过 `nuxt.config` 的 `modules` 数组注册。插件（Plugin）在 Vue 实例化前后执行，用于注册全局组件、指令或注入实例属性，放在 `plugins/` 目录自动注册。关键区别：模块可以注册插件，反过来不行；模块可发布为 npm 包（如 `@nuxtjs/axios`），插件通常项目内使用。 ## 追问 - 模块的执行时机为什么比插件早？如果插件需要修改 Nuxt 配置怎么办？ - `modules` 数组中的顺序会影响什么？多个模块冲突如何处理...
- Nuxt.js 应用性能优化有哪些关键手段？Nuxt 性能优化分三层：构建层利用 Nitro 做 payload 提取，将 SSR 数据抽到独立 JSON 避免重复内联；渲染层通过 routeRules 按Route规则混合 SSR/SSG/SPA，静态页面用 prerender 避免运行时渲染开销；资源层用 @nuxt/image 自动生成响应式 srcset 和 WebP 格式，LazyHydrate 延迟水合非首屏组件。此外 Nuxt 3 基于 Vite 的按需编译和 tree-shaking 本身就比 Nuxt 2 的 Webpack 产物更小。 ## 追问 - payload extraction 具体做了什么？对 ...
- Nuxt 3 有哪些数据获取方式？useFetch 和 useAsyncData 怎么选？Nuxt 3 提供两个核心组合式函数：useFetch 和 useAsyncData。useFetch 是 useAsyncData + $fetch 的语法糖，99% 场景用 useFetch 即可；useAsyncData 适合需要自定义获取逻辑（如依赖多个 API 聚合数据）的场景。两者都在 SSR 时于服务端执行，结果序列化到 payload 中供客户端 hydration 复用，避免重复请求。底层 HTTP 客户端是 ofetch（$fetch），支持服务端直接调用，无跨域问题。 ## 追问 - useFetch 的 key 是干什么用的？不写会怎样？ - SSR 时数据怎...
- Nuxt.js 和普通 Vue 应用有什么区别？Nuxt.js 是基于 Vue 的全栈框架，核心区别在于：普通 Vue 是纯客户端渲染 SPA，需要手动配置 Vue Router、Pinia、Vite 等生态；Nuxt 内置了 SSR/SSG/SPA 三种渲染模式、基于 pages/ 目录的文件路由、组件和组合式函数的自动导入、server/api 目录的 BaaS 风格服务端路由，以及 Nitro 服务引擎。普通 Vue 应用首屏为空壳 HTML，SEO 差；Nuxt 默认 SSR 可输出完整 HTML，对 SEO 和首屏性能更友好。 ## 追问 - Nuxt 3 的自动导入是怎么实现的？和手动 import 有什么性能差异？ ...
- 获得 0 次点赞
- 内容获得 0 次评论
- 获得 0 次收藏