本地安装 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；没有则...
slice、splice、split 三者的区别
slice（切割） slice 能够截取 字符串 或 数组，并返回一个新的 字符串 或 数组（不改变原字符串或数组） 功能一：截取字符串 从 start下标 开始，保留到 end下标 的前一个结束，如果没有 end，就保留到最后一个字符结束。 举一反三： 除了 能够截取字符串外，还有两个方法经常也被用来截取字符串，它们分别是： 与 。它们都能截取字符串，并且返回一个新的字符串（不改变原字符串）。 ：截取字符串，从 start下标 开始，...
substring方法与substr的区别
JavaScript 提供了两个用于截取字符串的方法：substring 和 substr。虽然它们在功能上有些类似，但在使用和行为上存在一些差异。本文将对这两个方法进行全面比较，并提供示例代码来说明它们的用法和区别。 1\. substring 方法 substring(startIndex, endIndex) 方法用于从字符串中提取从 startIndex 到 endIndex 1（不包括 endIndex）之间的 。如果省略 e...
JS 高效生成数字数组
📖 简介 在 JavaScript 中，我们经常需要生成从 到 的数字数组。常见的方法包括 循环、 、 以及 等。但在实际应用中，不同方法的性能差异如何？最传统的 循环真的最快吗？而最慢的方法又是哪一个？ 📌 摘要 目标 ：对比 JavaScript 中几种生成 数组的方法，找出最高效和最慢的方案。 方法 ： 循环、 、 、 等。 结果 ： 循环在大数据量情况下最优，而某种常见方法的性能表现却意外最差！ 适用场景 ：不同方法适用于不...
Vue首屏优化指南
🔍性能诊断用数据说话 1. Lighthouse精准定位瓶颈 核心指标：FCP（首次内容渲染）<1.5s、LCP（最大内容渲染）<2.5s 实战技巧：通过 性能面板 揪出长任务（Long Tasks） 2. Webpack Bundle分析 安装 插件，可视化查看各模块体积占比 🚀 核心优化5大杀器 🔥 技巧1：路由级懒加载（体积削减40%） 效果：首屏仅加载必要组件，非核心路由延迟加载 🔥 技巧2：组件级动态导入 �...