function randomString(length) { let seed = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ' let result = '' for (var i = length; i > 0; --i) result += seed[Math.floor(Math.random() *

数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。 本质上，数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。 var arr = ['a', 'b', 'c'] // 对象转换为数组 var obj = data; //定义对象（data为获取到的对象，在这里定义） var arr = Object.values(obj); //对象转化为数组

理解闭包，首先必须理解变量作用域。前面提到，JavaScript 有两种作用域：全局作用域和函数作用域。函数内部可以直接读取全局变量。但是，函数外部无法读取函数内部声明的变量。 闭包就相当于一些变量+函数块，直接理解就是函数中再定义的函数。 注意： 在js中函数可以改变函数外部变量的值， 而python不行！ function f1() { let n = 999 function f2() {

函数是一段可以反复调用的代码块。函数还能接受输入的参数，不同的参数会返回不同的值。 function print(s) { console.log(s) } //动态参数 function print(...s) { for(let i of s){ console.log(i) } }

对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。 var obj = { foo: 'Hello', bar: 'World' }; var obj = { p: 123, m: function () { ... }, } //如何判断是否空对象 新增的方法 Object.keys(): Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组。

转换 //字符串转换成数字 js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。 parseInt(string) ： 函数从string的开始解析，返回一个整数。 parseFloat()方法与parseInt()方法的处理方式相似，从位置0开始查看每个字符，直到找到第一个非有效的字符为止，然后把该字符之前的字符串转换成数字。 eg:

数值（number）：整数和小数（比如1和3.14） 字符串（string）：文本（比如Hello World）。 布尔值（boolean）：表示真伪的两个特殊值，即true（真）和false（假） undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值 null：表示空值，即此处的值为空。 对象（object）：各种值组成的集合。 对象是最复杂的数据类型，又可以分成三个子类型。

//while while (i < 100) { console.log('i 当前为：' + i); i = i + 1; } //for for (var i = 0; i < x; i++) { console.log(i); } //do while do { console.log(i); i++; } while(i < x);

与或运算符 || && && 与运算符，两个条件都为真才为真， || 或运算符，一个条件为真即为真。 ||和&&都遵循“短路”原理，如&&中第一个表达式为假就不会去处理第二个表达式，而||正好相反 if(n>9 && n<100) if(a>10 || b>10)

if/else的优化 if (m === 3) { m += 1; } if (m === 3) { // 满足条件时，执行的语句 } else { // 不满足条件时，执行的语句 } if (score > 90) { grade = 'A'; } else if (score > 80) { grade = 'B'; } else if (score > 70) { grade

字符串的扩展 模板字符串 ES6模板字符串 字符串模板拼接的点击事件 模板字面量是用反引号（`）分隔的字面量，允许多行字符串、带嵌入表达式的字符串插值和一种叫带标签的模板的特殊结构。 let name = "lemmool" let nike = ` console.log(566, name, nike) //566 lemmool `` 这对反引号可以作为多行文本的定义，eg:

// 这是单行注释 /* 这是 多行 注释 */ 由于历史上 JavaScript 可以兼容 HTML 代码的注释，所以<!--和-->也被视为合法的单行注释。 x = 1; <!-- x = 2; --> x = 3;

第一个字符，可以是任意 Unicode 字母（包括英文字母和其他语言的字母），以及美元符号（$）和下划线（_）。 第二个字符及后面的字符，除了 Unicode 字母、美元符号和下划线，还可以用数字0-9。 arg0 _tmp $elem π

JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。 console.log(a); var a = 1; 等同于： var a; console.log(a); a = 1;

JavaScript 是一种动态类型语言，也就是说，变量的类型没有限制，变量可以随时更改类型。 语句（statement）是为了完成某种任务而进行的操作，比如下面就是一行赋值语句。 var a = 1 + 3;

教程 | 菜鸟教程 ｜ 廖雪峰教程 | ES6

useLazyFetch 为useFetch提供了一个包装器，通过将lazy选项设置为true，在处理程序解析之前触发导航。 默认情况下，useFetch 会阻塞导航，直到它的async处理程序被解决。useLazyFetch则不会阻塞，实时渲染数据！它将有更好的用户体验。 useLazyFetch 与 useFetch 具有相同的签名。 <template> <div

fetch是浏览器原生的方法，非常简洁实用。像streaming(推流)也只能用 fetch 来实现，其它方法实现不了！ //注意：一定要加headers， 否则无法传值！ const fetchConfig = { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ prompt:

$fetch是与useFetch类似的封装函数，不过$fetch使用却是大大不同。 useFetch会和表格关联，造成一些不必要的http访问，$fetch则不会。 $fetch不能直接捕获到错误，只能通过 try catch。 const baseURL = " const option = { method: "POST", headers: { 'Content-Type':

用transform 函数来对结果拦截，并做出一些处理逻辑。 const { data: mountains } = await useFetch('/api/mountains', { transform: (mountains) => { return mountains.map(mountain => ({ title: mountain.title, description: