贝加尔湖Pan

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

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

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

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

引言 大家好啊，我是前端拿破轮😁。 作为一名软件攻城狮，在与同学们一起合作开发项目时，git操作必不可少。使用git，我们能够方便的进行版本控制和多人合作开发。然而，有一...

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

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

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

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

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

1. 切换到目标开发分支 先切换到你的主要开发分支，保证后续操作在正确的分支上进行。 2. 拉取远程最新代码 拉取远程该分支的最新代码，保证本地代码库是最新状态，避免遗漏别...

有这样一个结构： 示例 1：只在父组件中使用 .capture 📌 @click.capture 用法 语法：@事件名.capture="处理函数" 含义：事件监听器在捕...

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

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

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

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

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