随笔分类 - 【前端】学习笔记
摘要：总结一下 Nuxt3 + ESlint 扁平化配置 2024/4/16 前段时间在 Nuxt3 项目中使用 ESLint 时，发现 ESLint 更新了 9.0.0 版本，使用扁平化配置，在集成过程中遇到了些许问题，特此记录一下(在网上了解到扁平化配置早在 ESLint v9.0.0 前就提出来了)
阅读全文
摘要：Vuex 用于状态管理 状态管理模式： 状态：驱动应用的数据源。state 视图：以声明方式将状态映射到视图。 操作：响应在仕途上的用户输入导致的状态变化。 Vuex 的状态存储是响应式的。不能直接改变 store 中的状态。 从 store 实例中读取状态最简单的方法就是在 计算属性 中返回。th
阅读全文
摘要：Generator Generator 函数是一个状态机，封装了多个内部状态。 执行 Generator 函数会返回一个遍历器对象，返回的遍历器对象可以依次遍历 Generator 函数内部的每一个状态。 函数特征：1. function 关键字与函数名之间有一个星号。2. 函数体内部使用 yiel
阅读全文
摘要：Iterator （遍历器） 是一种接口，为各种不同的数据结构提供统一的访问机制。主要供 for...of 消费。 每调用一次 next() 就会返回数据结构当前成员的信息：{ value: '', done: false/true } value 当前成员的值。done 布尔值，遍历是否结束（即是
阅读全文
摘要：Promise 一个容器，一个保存着某个未来才会结束的事件的结果。 有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。一旦状态改变，就不会再变。 const p = new Promise((resolve, reject) => { resolve(
阅读全文
摘要：async async 函数总返回的是一个 Promise 对象（不论是否有 return 语句）。 async 函数内部的 return 语句返回的值，作为 then() 回调函数的参数。 async 函数内部抛出的错误，返回的 Promise 对象变为 reject 状态，错误会被 catch
阅读全文
摘要：SCSS 语法 一、变量 以 $ 开头 默认变量是可以被覆盖的 特殊变量： $fontSize: 14px; font: # 多值变量： list（类似 js 数组）和 map（类似 js 对象）两种类型 二、嵌套 选择器嵌套 在属性选择器中，& 表示父元素选择器 属性嵌套 // scss 文件 d
阅读全文
摘要：读《你不知道的 JavaScript》 Part 1 作用域与闭包 词法作用域 定义在词法阶段的作用域。换句话说，词法作用域就是由你在写代码时将变量和块作用域写在哪里来决定的。 词法作用域只由函数声明所在之处决定 只会查找一级标识符，二级三级...都不会找下去 函数表达式&函数声明 (functio
阅读全文
摘要：第一篇章 动态绑定多个值 如果有想这样的一个包含多个 attribute 的JavaScript 对象： const obj = {id:'container', class:"wrap"} 可以通过不带参数的 v-bind 将这些 attribute 绑定到单个元素上： <!-- 不带参数名的绑定
阅读全文
摘要：.d.ts文件 -- 声明文件 用途：编写类型声明 注意：同目录下.d.ts和.ts文件不要同名，否则模块系统无法只根据文件名加载模块 声明文件可以被导入，使用其中暴露的类型定义 声明文件可定义类型或者声明值： *** 类型可以直接定义 *** *** 值的声明需要借助 declare 关键字 **
阅读全文
摘要：TypeScript（未完待续...） TypeScript 数据类型 类型推断 类型断言 字面量类型 类型拓宽 类型缩小 联合类型 类型别名 交叉类型 接口 泛型 TypeScript 数据类型 默认情况下，undefined 和 null 是所有类型的子类型。就是说，可以把 undefined
阅读全文
摘要：Set WeakSet Map WeakMap WeakRef Set Set 本身就是一个构造函数，用来生成 Set 数据结构。类似数组，值是唯一的，没有重复。 const s = new Set(); s.add("a"); // 添加 s.add("b"); console.log(s, s.
阅读全文
摘要：Symbol - 作为对象属性的标识符 8种数据类型： 7种值类型（基本数据类型）： Number , String , Boolean , null , undefined , Symbol , BigInt 1种引用数据类型: Object Symbol 表示独一无二的值 一个symbol值能作
阅读全文
摘要：对象的扩展 一、扩展运算符 二、可枚举性 三、属性的遍历 5 种方法 四、super 关键字 五、AggregateError 错误对象 扩展运算符 对象扩展运算符用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。 扩展运算符的解构赋值，不能复制继承自原型对象的属性。单纯的解构赋值，是可以读取到
阅读全文
摘要：对象的新增方法 Object.assign() Object.is() Object.getOwnPropertyDescriptors() Object.fromEntries() 遍历方法： 一、 Object.keys() 返回键名数组 二、 Object.values() 返回键值数组 三、
阅读全文
摘要：数组的扩展 扩展运算符 Array.from() 将类数组/具有 Iterator 接口对象转为真正的数组 Array.of() 将**一组值（各参数）**转为一个数组 copyWithin() 复制数组中的元素到指定位置 fill() 填充数组 空位/sort()排序稳定性 扩展运算符 (...)
阅读全文
摘要：ES6 函数的扩展 一、允许为函数指定默认值 好处： 参数显而易见。 有利于代码优化。在对外接口中彻底拿掉这个参数，不会影响到旧代码的运行。 使用参数默认值时，函数**不能有同名参数**。 function func(x, x, y) {} // 不报错 function func2(x, x, y
阅读全文
摘要：字符串 一、字符串的遍历接口 for...of ES6 为字符串添加了遍历器接口，字符串可以被 for...of 循环遍历 二、字符串的新增方法 查找字符串中是否包含指定字符串： includes startsWith endsWith 字符串匹配： matchAll 内容匹配 replaceAll
阅读全文
摘要：变量的解构赋值 浅拷贝 数组 对象 字符串 Number / Boolean 函数参数 解构赋值的注意点 解构赋值的规则是：只要等号右边的值不是对象或数组，就先将其转为对象。 模式匹配：只要等号两边的模式相同，左边的变量就会被赋予对应的值。 不完全解构：等号左边的模式，只匹配一部分等号右边的数组。这
阅读全文
