nuxt.js安装国际化插件i18n
国际化i18n配置 1. 安装依赖 2. 配置i18n 3. 使用i18n LanguageSwitcher.vue 4. 创建语言文件 /locales/en.ts /locales/zh.ts 在需要国际化的地方通过{{ $t(‘sidebar.right’) }}的形式来使用 运行项目后，可以引入切换按钮进行语言切换 ps：切换语言后需要 才会正确显示
Nuxt3实现事件总线EventBus
事件总线 这里我是用得是 这个库, 是一个微型的 EventEmitter 库 安装 在plugins文件夹下建立mitt.ts文件 使用： A页面 B页面
useState全局状态管理与localStorage本地存储持久化
一、 Nuxt3中的全局状态管理 1\. 介绍 这是Nuxt3为我们准备的全局状态管理，且 支持响应式 ，可以无需使用pinia等，直接在项目中使用。 官网文档 ： 、 注意事项 ： · 由于会把State存储为JSON，所以请不要存储不能被JSON化的数据，比如类、函数、Symbol等 · 为了让我们的状态管理能在任何地方使用（不止在setup中），最好统一使用函数的写法，见下 2\. 基本使用 · 创建文件 在根目录下的 /comp...
在 Nuxt 3中集成和使用 Markdown-it 的完整指南
在 Nuxt3中使用 来处理 Markdown 是一个很实用的功能，特别是在构建博客或文档站点时。以下是一个简单的指南，说明如何在 Nuxt3 中集成 。 1. 安装 ： 首先，你需要安装 和可能的插件。你可以通过 npm 或 yarn 来安装它们。 或者使用 yarn： 2. 创建一个插件来配置 ： 在你的 Nuxt 3 项目中，创建一个新的插件文件来配置 。例如，可以在 文件夹中创建一个文件 。 3. 在组件或页面中使用 ： 你可以...
本地安装 Supabase
在本地安装 Supabase 需要使用 Docker 来运行它的服务。以下是完整的安装步骤： 1\. 安装必要的依赖 在安装 Supabase 之前，请确保你的本地环境满足以下要求： Docker （用于运行 Supabase 相关服务） Docker Compose （管理多个 Docker 容器） Git （用于克隆 Supabase 配置） 如果你的系统尚未 ，可以参考官网进行安装： 安装完 Docker 后，可以运行以下命令检查...
JavaScript 之 this指向
每当提到 JavaScript 的 关键字，许多开发者都会感到头痛。它似乎总是以出乎意料的方式工作，让人捉摸不透。但事实上，一旦你理解了 的行为，一切都会变得清晰起来。 的基本概念 在 JavaScript 中是一个特殊的关键字，它代表的是函数执行上下文中的“当前对象”。然而， 的指向并不是固定的，它取决于函数是如何被调用的。这一点在 ECMAScript 规范中有详细的定义： 并且，如果你不了解它的运作机制，有时就会出现一些你认为的莫...
JavaScript中计算N次方的方法
指数运算符（\ \ ） Math.pow() 返回基础的指数次幂 Math.pow(x, y) //x：基数 y：指数
Map 完全指南
JavaScript 中的 Map 完全指南 引言 在 JavaScript 中， 是一种用于存储 的数据结构，具有 键类型和丰富的方法。相较于传统的对象（Object）， 提供了更高效的键值对操作方式，特别适合处理大量数据和需要频繁操作键值对的场景。本文将详细介绍 的创建、常用方法、迭代方式，并探讨它与对象的区别和实际应用场景。 1\. 创建 使用 来创建一个空的 。 也可以在创建时初始化 ，传入一个包含键值对的数组： 2\. 和对象...
正则表达式
概念 正则表达式 是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。 创建正则表达式 两种方法： 方式、构造函数方式 正则表达式常用方法 校验数据 test(字符串) 测试字符是否满足正则表达式规则，如果测试到有，则返回true；没有则...