Vue

1️⃣ fetch 是什么？ fetch 是浏览器自带的一个方法，用来发 HTTP 请求。 它的最大特点是：异步（不会卡死页面）+ 基于 Promise（可以配合 await 很方便）。 2️⃣ 最简

学习链接：https://wangdoc.com/es6/promise 异步加载远程图片，封装的异步加载图片函数，返回 Promise

可以把 Promise 想象成一个“外卖订单”： 1. Promise 是什么 当你点外卖时，你下单后，不会立刻就吃到食物（任务是异步的）。 平台会给你一个订单号（这就是 Promise 对象）。 订

防抖函数的基本实现 下面是一种常见的防抖函数写法： 为什么需要 clearTimeout(timer)？ 一个常见误解。设置 timer = null 并不会取消定时器，真正取消的是 clearTim

✅ 完整命令顺序： 📌 解释说明： 步骤 命令 含义 第一步 git reset --soft HEAD~1 撤销最近一次提交，代码和暂存区（已 add 的文件）不变 第二步 git push ori

✅ 不改变原数组（返回新数组） 方法 功能说明 map() 映射，返回每一项处理后的新数组 filter() 过滤符合条件的项，返回新数组 slice() 截取数组的一部分，返回新数组 concat(

1. 动态组件渲染 根据条件动态渲染不同组件。 2. 样式局部修改 基础样式加上条件样式，做到局部覆盖，不破坏原有样式。 3. 条件传递样式（内联样式） 只有满足条件时才传递特定样式。 4. 条件传递

示例：EventTracker 埋点工具类 使用示例 说明 constructor 里初始化事件名，方便维护和修改 send 是统一的埋点发送接口（这里用 console.log 模拟） 通过不同的方

🎯 目标 在父组件中通过 <MyButton ref="btnRef" /> 拿到子组件内真正的 <button> 元素。 ✅ 代码拆解 1. 父组件调用 2. 子组件内部 ✅ 整体逻辑 button

有这样一个结构： 示例 1：只在父组件中使用 .capture 📌 @click.capture 用法 语法：@事件名.capture="处理函数" 含义：事件监听器在捕获阶段被调用（默认是在冒泡阶段

🎯 场景目标 想在父组件中 访问子组件里的 DOM 元素，比如获取 <button> 标签本身。 ✅ 第一步：在子组件中定义 ref 并暴露出去 子组件（MyButton.vue） ✅ 第二步：在父组

1. 配置 Vite 别名 修改根目录下的 vite.config.ts： 2. 安装 Node 类型声明（防止找不到 path 报错） 3. 配置 tsconfig.app.json 编辑 tsco

还没试过，先记录一下 🔹 一、懒加载（Lazy Load） 目的：页面加载时不立刻加载所有图片，只有当图片快进入可视区域时再加载。 ✅ 常用实现方案： 1. ✅ 原生支持 loading="lazy"

为 Vue3 + TypeScript 项目配置符合现代标准的 ESLint 一、完整配置流程 1. 初始化项目 ESLint 选择项包括： 系统会自动生成 eslint.config.js，但还需手

今天使用 npm create vite@latest 创建项目突然报错： 原因： 项目使用的 vite@6.x 内部依赖了 rollup@4.x。 rollup@4 会尝试加载一个 Windows