qq_43260366的博客

作用初始化XMLHttpRequest实例对象；async是否以异步模式获取数据；method请求方法；作用发送http请求；作用初始化一个请求；body请求主体信息。

通过点语法获取样式只能获取行内样式，无法获取链接式与内嵌式；使用点语法设置的样式除了!important外优先级最高；使用window.getComputedStyle(元素)可以获取元素的样式(任何位置都可以获取)使用元素.offsetWidth()/元素.offsetHeight()可以获取元素的宽高，值为content+padding+border,不带单位。

1.事件阶段事件分为三大阶段冒泡事件 当某个元素的事件被触发之后，那么它所有的 父元素 相同的事件 也会被触发； 执行顺序：由内到外，从小到大； 目标事件(正常事件) 捕获事件 2.如何理解事件代理[1]定义：事件代理简单来说就是：事件不直接绑定在某个元素上而是绑定在该元素的父元素上，进性触发的时候再通过条件进性判断；[2]优点：大量节省内存占用，减少注册事件； 当在新增加子对象时，无需再对齐进性事件绑定，对于动态内容比较友好；[3]举例说明如下，若是我.

object参数可以是一个File对象或Blob对象；(2)getAll方法获取指定搜索参数的所有值，返回是一个数组。以下属性除了origin属性(只读)都是。(3)has方法判断是否存在此搜索参数。(1)通过location对象获取参数。(1)get方法搜索参数的第一个值。[2]searchParams属性。(2)通过创建URl对象获取参数。......

作用：释放一个之前已经存在的、通过调用 URL.createObjectURL()object参数可以是一个 File对象 或 Blob对象；object:通过调用 URL.createObjectURL()(1)通过location对象获取参数。[2]searchParams属性。(2)通过创建URl对象获取参数。返回值为一个URL对象。创建的 URL 对象。创建的 URL 对象。

1.Window对象 定义：window对象是最顶级的对象，表示浏览器打开的窗口，主要使用来操作浏览器窗口的； window属性 [1]所有(使用var)定义的全局变量都是window对象的属性； let aaa=111console.log(window.aaa) // undefined​var bbb=111console.log(windwow.bbb) // 111 [2]document属性 [3]loca

[1]特点：只能存储一个值；[2]分类-5中+es6新增1个数据：整数、小数(浮点数)、正数、负数注意问题：不要比较小数的大小原因：计算机内部所有的数据都是以二进制进行存储的，所以小数(由于精度问题)在转化时可能存在丢失，造成结果不准确举例说明解决办法：将小数转化为整数，再进行计算/比较number数据类型中两个特殊的数据类型(NaN,Infinity)[1]NaNNaN属于number数据类型，但是并不是一个数值；当进行数学运算的时候，若是达不到正确的结果，一般值就为NaNeg:

1]isNaN是window的方法，用于判断一个数是否为NaN(因为任何数与NaN比较都不想等，即使是他本身)原因：计算机内部所有的数据都是以二进制进行存储的，所以小数(由于精度问题)在转化时可能存在丢失，造成结果不准确。当进行数学运算的时候，若是达不到正确的结果，一般值就为NaN。Infinity值为无穷大,-Infinity值为无穷小。解决办法：将小数转化为整数，再进行计算/比较。注：isNaN方法是Window的方法；数据：整数、小数(浮点数)、正数、负数。是全数字，则返回false。

也就是说小数在存储的过程中失去一次精度，在计算的时候又失去一次精度，因此在计算过程中造成结果不准确同时小数位超多；那么如何解决小数计算时失精的问题呢？可以将小数转化为整数进行计算使用Number的toFixed方法保留固定小数位 （没有小数也会补0）使用插件mathjs解决。

原因:在遇到单/双引号时，默认会向后寻找 另一个单/双引号，若是找到默认此字符串结束；[2]String()方法创建字符串(强制类型转化-将不同的数据类型转化为字符串)通过new String() 获取的对象是引用类型，打印可以看到原型上的所有方法；方法接受一个整数作为参数，返回参数指定位置的字符，支持负索引（即倒数的位置）。at()方法是es6新增的查看字符串指定位置字符的方法；是es6新增的遍历方法，可以用来遍历字符串。字符串比较大小 本质上是将字符串转化为。比较字符串大小可以直接比较也可以使用。

includes()可返回某个指定的字符串是否在当前字符串出现过。latIndexOf()方法可返回某个指定的字符串值在字符串中。startsWith()方法为es6新增的遍历字符串的方法；startsWith()可返回参数字符串是否在原字符串的头部。indexOf() 方法可返回某个指定的字符串值在字符串中。includes()方法为es6新增的遍历字符串的方法；endsWith()方法为es6新增的遍历字符串的方法；endsWith()可返回参数字符串是否在原字符串的尾部。......

match方法是String构造函数原型对象上的方法 String.prototype.match。作用：检索字符串，以便找到1个或多个与value值得匹配；作用：检索字符串，以便找到1个或多个与value值得匹配；value可以是一个字符串，也可以是一个正则表达式；matchAll方法是Es6新增的字符串遍历方法；语法：str.match(value)举例说明-正则表达式。...

1.伪数组1.什么叫做伪数组伪数组的本质是一个对象，具有以下特点； 1.按照索引的方式存储数据； 2.具有length属性； 3.没有像pop,push,splice等内置的数组方法； 2.将伪数组转化为真数组；1.使用es6新增的方法：Array.from(伪数组)将伪数组转化为标准数组// es6数组新方法 Array.form(伪数组)，将伪数组转化为真数组<script> let arrayLike = {...

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HEdSAZIc-1661410699409)(data:image/gif;[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oRP2hWx1-1661410699409)(data:image/gif;[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DhJA9JsR-1661410699409)(data:image/gif;数组对象中，只需要每个元素的某个属性。....

of循环可以使用的范围包括数组、伪数组、字符串、Set 和 Map 结构，[1]for in :是用于数组 、对象的遍历循环—返回值：数组：索引；遍历的每个值代表string的每个字符。遍历的每个值是数组元素的下标(索引)遍历的每个值是对象的key值；遍历的每个值代表set数据元素。图片-setArrforof。i 为数组元素下标(索引)遍历的每个值代表数组元素。图片-arrforin。图片-objforin。图片-arrforof。图片-objforof。图片-strforof。...

ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。目前我们在类中定义的属性、声明的方法，都会被实例继承，若是不想属性、方法不被实例继承，要在前面加static关键字—> 表示该方法/属性为。使用构造函数声明函数，参数中最后一个参数为函数体，除了最后一个参数之外的参数为函数的参数(不推荐使用)；函数运行的时候，有时需要提供外部数据，不同的外部数据会得到不同的结果，这种外部数据就叫参数；

在js中，作用域分为全局作用域、函数作用域与块级作用域(Es6新增的)；块级作用域是Es6新增的作用域类型；定义：除对象的{}外，每一个{}都会生成一个块级作用域；局部变量：在块级作用域内部使用let与const定义的变量被称为局部变量；若是使用var关键字定义变量–js没有块级作用域！若是使用let与const关键字定义变量–js存在块级作用域！局部变量的访问时机：仅在块级作用域内部被访问；全局作用域可以嵌套局部作用域，局部作用域也可以互相嵌套，各个作用域的嵌套关系组成一条作用域链。

语法：return expression;作用：终止函数的执行，并返回一个指定的值给函数调用者；举例说明return 会立即终止函数的执行，若是指定一个值，则这个值返回给函数调用者；若是没有指定值，返回值为undefined;......

Obeject存在一个entries方法，该方法返回返回对象自身的[属性名,属性值]组成的二位维数组，不包含Symbol属性值；若Symbol 值作为属性名，遍历对象的时候，该属性不会出现在for in 循环中；Reflect存在一个ownKeys方法，该方法会返回一个数组，该数组包含对象的。Obeject存在一个values方法，该方法返回返回对象自身的。Obeject存在一个keys方法，该方法返回返回对象自身的。组成的数组，不包含Symbol属性值；组成的数组，不包含Symbol属性；...

目录1.原型链(1)原型对象构造函数批量创建对象存在的问题1：空间浪费构造函数批量创建对象存在的问题1：全局变量污染将构造函数的属性/方法放在其原型对象上：解决空间浪费与环境污染(2)使用原型对象的注意事项(3)原型链[1]自定义构造函数实例化对象的原型链[2]系统内置的Date构造函数实例化对象的原型链[3]系统内置的Array构造函数实例化对象的原型链[4]简单数据类型的原型链(基本包装类型)[5]系统内置构造函数Function的原型链[6]D.

语法： break [label]作用1[1]break; break语句终止当前循环，并把程序控制流转到紧接着被中止语句后面的语句；举例说明i第一次循环 -> j=1时 break 结束了j循环，但是i循环依旧执行；正常情况下break只会退出最近的一个循环！作用2[2]break label；break会终止label标签的循环；举例说明i第一次循环 -> j=1时 break outer结束了外层循环(也就是整个循环)注意点：一个 语句必须内嵌在它引用的标记中；举例说明相当于标

语法：new Map([iterable])iterable->数据类型为一个数组—数组的每个元素为 length为2的数组(存储键值对)，每个键值对都会添加到实例化对象中；举例说明2.map对象1.创建map对象[1]空对象[2]创建一个带有值的map对象2.使用set方法添加键值对3.使用get方法获取某个键的值4.使用size属性获取键值对的个数5.使用hash方法判断该对象中是否存在某属性6.使用delete方

[1]引用类型的浅拷贝直接赋值 <script> let obj = { name: 111 } let obj2 = obj obj2.name=222 console.log(obj,obj2); //{name:222} {name:222} </script>[2]深拷贝1层----只是最外层数据修改互不影响 <script> let obj = { na

sort是对数组元素进行排序。

JSON数据处理。

数组扁平化-多维数组转化为一维数组。

1.在node.js中的导入导出。2.es6中的导入导出。

(1)语法：Object.prototype.toString.call(数据)(2)执行原理(本质):检测右面构造函数的原型对象是否在左侧数据地。isNaN是window的方法，可以用于检测数据是否为数字类型；Array原型上存在isArray方法，用于检测数据是否为数组；(4)以检测数组为例(前提：数组的构造函数为Array)(1)语法：Array.isArray(value)(1)语法: 数据 instanceof 构造函数。typeof一般是用于检测简单数据类型的；(3)缺点：结果存在不准确性；..

setTimeout和setInterval的回调函数，都是经过n毫秒后被添加到队列中，而不是过n毫秒后立即执行。setInterval 执行时机：每隔一段时间就会执行一次 语法： const _time=setInterval(function(){ // 执行代码},时间)​// 结束定时器crealInterval(_time)​//注：时间的单位是ms,若是1S在这要写1000 setInterval执行原理 定时器..

在函数体外部，this永远指向全局对象window;函数上下文谁调用指向谁–在函数中，谁调用函数，函数体内部的this指向谁；全局变量(使用var定义的)都是相当于window对象的属性，；[2]定时器中的函数定时器中的函数若是为普通函数(因为定时器中的函数也是window的方法)，this指向window;定时器中的函数也是window调用；2.定时器中的函数若是箭头函数，this指向上一级的this;[3]对象中的方法易错点1.若是使用var声明的全局变量是赋值给w

作用：在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串；作用：在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串;value若是字符串, 会被转化为正则表达式(带g)value若是正则表达式，则必须带g，不然会报错；repaceAll是es6新增的遍历字符串的方法。...

匹配前面一个表达式0次或者1次。默认匹配除换行符之外的任何单个字符;一般用来匹配长度,属于特殊字符；匹配前一个表达式0次或多次。

版本问题造成的错误1.postcss-pxtorem(将px单位转化为rem单位)在最近报了一个错误-----PostCSS plugin postcss-pxtorem requires PostCSS 8原因：版本过高解决:下载指定版本----npm i postcss-pxtorem@5.12.在使用less-loader(css预处理器)在最近报了一个错误---TypeError: this.getOptions is not a function 原因：版本过高解决

1.js变量的声明规则举例1： <script> function aaa () { var a = (b = 10) } aaa() console.log(typeof a) console.log(typeof b) </script> <script> 'use strict' function aaa () { ...

就个人而言，觉得 keys、values、entries遍历方法作用不大，因为获取的还是遍历器，还是需要遍历 遍历器才能获取数据！存储一组数据(和数组非常相似，区别是无法存储重复的元素(精确相等===))set(集合)数据类型为Es6新增的数据类型(是引用数据类型)；(1)Set 结构的实例有四个遍历方法，可以用于遍历成员。[6]clear()方法用于清除该set的所有成员；[3]delete()方法删除Set结构的某个值。[4]has()方法判断Set结构中是否有该元素。(2)使用for of遍历。...

它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。但是对象不是最好的选择，因为对象的 key 都会被强制转换为字符串，若是id里面存在字符串的数字就不能保证去重的准确性了;map相比object是更好的选择，因为map键值可以是任意数据类型并且比较过程中比较的是严格相等；如果你需要“键值对”的数据结构，Map 比 Object 更合适。....

1.js为什么是单线程的？这主要和js的用途有关，js作为浏览器的脚本语言，主要是实现用户与浏览器的交互，以及操作dom的，这决定了js只能是单线程；想一下如下场景若是js是多线程的 现在有两个线程，p1,p2 p1,p2想操作同一个dom元素，一个执行删除操作，一个执行修改操作； 那么，我们应该听哪一个的呢？ 因此，这就意味这js只能是单线程； 2.js中为什么需要异步？很多操作是需要大量时间的，比如说定时器可能间隔1分钟甚至更多，若是同步代码的话会造成阻塞线程；而对

目录1.if2.switch3.总结1.if语法：if(boolean){// 若是表达式为true时执行代码}else if(boolean){//若是表达式为true时执行代码}else{// 若以上表达式都不成立，执行代码}2.switch语法：switch(值){ case 值1: 执行代码 break; case 值2: 执行代码 ...

比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法/属性，新方法/属性的名字就有可能与现有方法/属性产生冲突。如果有一种机制，保证每个方法/属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入。Symbol数据类型与字符串作为对象的属性在遍历时也不相同，可查看。ES5 的对象属性名都是字符串，这容易造成属性名的冲突。Es2019提供了一个 Symbol 值的实例属性。，直接返回 Symbol 值的描述;其余数据类型可以相互转化。......

switch后面跟随的值可以是值也可为表达式，但是case后面仅能为。