vite中使用动态图片路径src的三个方式：1. 使用 new URL 的方式；2. 手动 import 引入每张图片；3. 使用以下方式👇🏻： 将图片命名为统一前缀。 使用Vite提供的 **import.meta.glob()**

1. InstanceType作用&使用1.1 前言： 使用defineComponent的vue组件，导出的是一个对象👇🏻（里面将对象传给了defineComponent方法，但它还会返回出来） 👆🏻这个组件经de

大致步骤👇🏻（PS：过程中的代码可能不是最终的，可以在后面看最终的总结及代码。） 1. 封装 axios 实例 封装后可以 new 出多个实例，每个实例可以有不同的 BASE_URL 等。 1.1 使用 class 封装 axios

前言 ：由于 Object 的范围很大，对象中属性可能是任意类型，而这时区分不出一个 Object 具体是什么类型。 所以一般不在 TS 中直接使用 Object 类型，而是以下两种方式描述对象： class / constructor；

1. 类的定义 使用class关键字； 在严格模式下，需要给属性初始化。 直接初始化，或在constructor中初始化都可以。 class Person { name: string = '', //

!! 和 ?? 1.1 !!的含义： 在JS中，当想把一个数据转为布尔类型时： 可以直接取反，这样返回的就是布尔类型；但这样值也就反了，所以再取反得到正确的值。 类似于 Boolean(变量) 的方式。 1.2 ??

1. 关于vuex4store/index.js文件： 调用createStore创建仓库，它里面传入的是一个对象； createStore会接收一个泛型， // 先引入： import { createStore }

JSX文档：https://zh-hans.reactjs.org/docs/introducing-jsx.html PS：我只记录了一些注意点，前置的使用示例&语法未在本篇笔记中。 1. jsx使用配置 babel配置 ：

利用视频的 duration 获取视频相关信息。 利用 addEventListener 事件监听的相关事件👇🏻，可以获取各个播放进度&在不同阶段操作数据。 play： 视频开始播放 。 playing： 视频播放过程中

0.1 + 0.2 !== 0.3; 精度丢失的原因： 计算机中所有的数据都是以二进制存储的，所以在计算时计算机要把数据先转换成二进制进行计算，然后在把计算结果转换成十进制。 二进制计算发生了精度丢失，导致再转换成十进制后和预计的结果

重绘：repaint； 回流/重排：reflow。 重绘：不影响任何布局的style变化。 color、text-align、a: hover、 重绘的速度会明显快于回流。 回流：引起布局改变的style变化。 长/宽/高、bor

1.生命周期的变更 销毁的概念改为卸载，更名： beforeDestroy改名为beforeUnmounted。 destroyed改名为unmounted。 vue2中的两次判断改为一次（如图）。 Vue3提供的**Compos