# Nuxt 3 完全指南：从入门到实战 ## 引言 Nuxt 3 是 Vue 3 的全栈框架，为开发者提供了更强大的服务端渲染能力和开发体验。本文将详细介绍 Nuxt 3 的核心概念和使用方法。 ## 什么是 Nuxt 3？ Nuxt 3 是一个基于 Vue 3 的全栈框架，它提供了：

Vue3使用ES6Proxy重写响应式系统，带来更强大的数据拦截能力和更优性能。本文深入解析依赖收集、触发更新computed和watch等核心机制，包含完整代码示例和应用场景，帮助开发者全面掌握Vue3响应式原理。

深入讲解Node.js异步编程机制，包括回调函数、Promise、async/await语法糖的使用技巧，以及Node.js事件循环的详细解析，帮助开发者全面掌握异步编程精髓。

详细介绍Vue 3组合式API的使用方法，包括ref、reactive、computed等核心功能的深入讲解，以及Composables逻辑复用技巧的完整实践，帮助开发者快速掌握Vue3开发精髓。

Vue 3 带来的组合式 API（Composition API）为前端开发者提供了一种全新的代码组织方式。本文深入探讨组合式 API 的核心概念，详细讲解 ref、reactive、computed、watch 等核心 API 的使用方法和最佳实践，介绍 Composable 函数的设计原则和实际

Node.js 异步编程完全指南，从回调函数、Promise 到 async/await，详解异步编程模式与最佳实践，帮助开发者提升 Node.js 技能，掌握非阻塞 I/O 核心概念，构建高效后端服务。

Vue 3 组合式 API 完全指南，详解 ref、reactive、computed、watch 等核心 API，介绍 Composables 逻辑复用方式，以及 TypeScript 集成和性能优化技巧。

# Node.js 异步编程完全指南 ## 前言 Node.js 是 JavaScript 运行时，采用非阻塞 I/O 模型，天生适合处理高并发场景。异步编程是 Node.js 的核心，也是开发者必须掌握的重要技能。本文将带你从回调函数开始，逐步深入到 Promise 和 async/await

# Vue 3 响应式系统深度解析：Reactivity API 完全指南 ## 前言 Vue 3 的响应式系统是其核心特性之一，相比 Vue 2 的 Object.defineProperty，Vue 3 使用了 Proxy 来实现响应式，带来了更强大的功能和更好的性能。本文将深入探讨 Vue

本文详细介绍了使用 Node.js 和 Express 构建高性能 RESTful API 的完整流程，涵盖项目结构设计、数据模型、控制器逻辑、认证授权、性能优化以及 Docker 部署等关键环节，是后端开发者必备的实战指南。

# Node.js 异步编程完全指南 ## 前言 Node.js 采用事件驱动的非阻塞 I/O 模型，使其在处理高并发场景时表现出色。异步编程是 Node.js 的核心特性，也是开发者必须掌握的关键技能。 ## 什么是异步编程？ 异步编程是一种编程范式，允许程序在等待某个操作完成时继续执行其

Vue3响应式系统采用ES6 Proxy重写，性能大幅提升。本文介绍reactive和ref的区别、computed计算属性和watch监听器的用法，帮助开发者快速掌握Vue3响应式核心概念。

Node.js采用单线程事件循环模型，通过异步I/O处理高并发。本文详细介绍回调函数、Promise和async/await三种异步编程模式，探讨如何避免回调地狱，提升代码可读性和执行效率。

Vue3引入组合式API，提供更灵活的代码组织方式。本文介绍setup函数、响应式数据、计算属性和生命周期钩子的基本用法，探讨逻辑复用和类型推断的优势，帮助开发者快速入门。

Node.js Buffer 是处理二进制数据的核心模块。本文介绍 Buffer 的创建、读写、转换等常用操作，包括 from、alloc、toString 等方法，以及在文件处理、网络编程中的实际应用场景。

Vue 3 组合式 API 彻底改变了我们编写组件的方式。本文分享 5 个实用的组合式 API 技巧，包括逻辑复用、状态管理、生命周期钩子等核心概念，帮助你写出更优雅的 Vue 代码。

Node.js 的异步编程是其核心特性之一，本文介绍回调函数、Promise、async/await 等常见模式，帮助开发者更好地理解和应用异步编程，提升开发效率。

Vue 3 组合式 API (Composition API) 彻底改变了我们组织组件代码的方式，本文详细介绍实际项目中的使用体验和最佳实践，帮助开发者更好地理解和应用这一强大特性，提升开发效率。

在Nuxt3页面级keepalive不可用问题已在v3.11版本中得到很好的解决，这里提供一个示例方法。 首先得明白造成此问题的原因是keepalive的include项默认读取from.matched[0].components.default.__name的值，该值为vue默认组件的名称，但n

记一下js下数组数组的并集、交集、差集处理方式，不出现重复项，得到的结果是一个新数组，使用ES5语法来实现虽然会麻烦些，但兼容性最好，不用考虑浏览器JavaScript版本。也不用引入三方库。 ```typescript const arr1=[33,22,22,55,33,11,33,5]; c

Vditor 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React、Angular，提供桌面版。 这里主要分享Vditor自定义图片上传工具栏按钮，实现自定义

记录一下最近新发现并立即应用到项目开发的一个强大动画库——animejs。 anime.js是一个强大的用来制作动画的javascript库，功能上基本与GASP（greensock）没有差距，之所以在github上短期内获得大量追捧和收获赞，就在于其足够轻便，gzip压缩完只有9kb左右，同

Nuxt3有关3.5.1版仍然存在的一个NuxtPage页面级keepalive的内部bug问题，导致keepalive无法正常工作，其内置三个参数 include,exclude,max只有max参数能得到支持。 ``` <NuxtPage :keepalive="{max:5}"/> ```

使用axios进行ajax提交数据时，进行数据拦截整理后再提交，可很好的帮助我们在开发过程中实现前后端数据交互工作，尤其是前端接口不统一，有时以对象提交，有时又formData提交导致数据不统一等问题。另在vue环境下，当使用formData收集数据并提交给后端时，会出现空值、未定义值在传输过程中被