Vite无法使用动态src路径的问题 & 解决 vite中使用动态图片路径src的三个方式:1. 使用 new URL 的方式;2. 手动 import 引入每张图片;3. 使用以下方式👇🏻: 将图片命名为统一前缀。 使用Vite提供的 **import.meta.glob()** 2023-02-27 Vite Vite 使用InstanceType获取组件的类型 1. InstanceType作用&使用1.1 前言: 使用defineComponent的vue组件,导出的是一个对象👇🏻(里面将对象传给了defineComponent方法,但它还会返回出来) 👆🏻这个组件经de 2023-01-07 TypeScript TypeScript TypeScript在项目中使用&技巧 使用TS封装axios 大致步骤👇🏻(PS:过程中的代码可能不是最终的,可以在后面看最终的总结及代码。) 1. 封装 axios 实例 封装后可以 new 出多个实例,每个实例可以有不同的 BASE_URL 等。 1.1 使用 class 封装 axios 2022-12-11 TypeScript Axios TypeScript 封装 关于TS中描述Object类型的两种方式(类型签名和Record) 前言 :由于 Object 的范围很大,对象中属性可能是任意类型,而这时区分不出一个 Object 具体是什么类型。 所以一般不在 TS 中直接使用 Object 类型,而是以下两种方式描述对象: class / constructor; 2022-12-10 TypeScript 更新中 TypeScript 类class(JS & TS) 1. 类的定义 使用class关键字; 在严格模式下,需要给属性初始化。 直接初始化,或在constructor中初始化都可以。 class Person { name: string = '', // 2022-11-12 JavaScript JavaScript 更新中 TypeScript JavaScript中的操作符 !! 和 ?? 1.1 !!的含义: 在JS中,当想把一个数据转为布尔类型时: 可以直接取反,这样返回的就是布尔类型;但这样值也就反了,所以再取反得到正确的值。 类似于 Boolean(变量) 的方式。 1.2 ?? 2022-11-06 JavaScript JavaScript vuex4 & 结合TS的特殊处理 1. 关于vuex4store/index.js文件: 调用createStore创建仓库,它里面传入的是一个对象; createStore会接收一个泛型, // 先引入: import { createStore } 2022-10-23 TypeScript vuex4 TypeScript vuex vue3 JSX基本语法&使用 JSX文档:https://zh-hans.reactjs.org/docs/introducing-jsx.html PS:我只记录了一些注意点,前置的使用示例&语法未在本篇笔记中。 1. jsx使用配置 babel配置 : 2022-10-16 JavaScript JavaScript JSX JS获取视频任意进度 利用视频的 duration 获取视频相关信息。 利用 addEventListener 事件监听的相关事件👇🏻,可以获取各个播放进度&在不同阶段操作数据。 play: 视频开始播放 。 playing: 视频播放过程中 2022-09-16 JavaScript JavaScript JS精度丢失&解决 0.1 + 0.2 !== 0.3; 精度丢失的原因: 计算机中所有的数据都是以二进制存储的,所以在计算时计算机要把数据先转换成二进制进行计算,然后在把计算结果转换成十进制。 二进制计算发生了精度丢失,导致再转换成十进制后和预计的结果 2022-09-06 JavaScript JavaScript 更新中 重绘&回流(重排) 重绘:repaint; 回流/重排:reflow。 重绘:不影响任何布局的style变化。 color、text-align、a: hover、 重绘的速度会明显快于回流。 回流:引起布局改变的style变化。 长/宽/高、bor 2022-09-05 JavaScript JavaScript 更新中 Vue3语法变更总结 1.生命周期的变更 销毁的概念改为卸载,更名: beforeDestroy改名为beforeUnmounted。 destroyed改名为unmounted。 vue2中的两次判断改为一次(如图)。 Vue3提供的**Compos 2022-08-24 Vue3 Vue3