前面没什么好说的。总结了一些基础知识,查漏补缺。fetch、ajax、axiosAjax(AsynchronousjavascriptandXML),一种技术的总称。Fetch是用于网络请求的特定本机浏览器API。它与XMLHttpRequest处于同一级别,但Fetch语法更简洁易用。它支持承诺。axios是一个第三方库,也是最常用的网络请求库。,XMLHttpRequest和Fetch可以在内部使用进行封装。那么如何使用XHR或fetch来实现一个Ajax呢?functionajax(url,successFn){constxhr=newXMLHttpRequest();xhr.open("GET",url,false);xhr.onreadystatechange=function(){//这里的函数是异步执行的,可以使用Promise处理if(xhr.readyState===4){if(xhr.state===200){successFn(xhr.responseText);}}}xhr.send(null);}functionajax2(url){returnfetch(url).then(res=>res.json);}px、%、em、rem和vw/vhpx是像素的基本单位,是绝对单位(其他单位是Relativeunit)%是相对于父元素的宽度比例em是相对于当前元素的font-sizeem是相对于根节点的font-size,常用移动端适配vw/vh为屏幕的1viewportwidth/height%vmin/vmax指的是屏幕viewportwidth和height的最小值/最大值箭头函数的缺点和不能用的场景?箭头函数的一些缺点:箭头函数没有参数本身没有this,而this指向箭头函数父作用域的this不能通过apply、bind、call修改指向某些代码。使用箭头函数时,很难阅读。箭头函数不能使用new创建对象和构造函数不能使用箭头函数的场景:对象原型、对象方法、构造函数动态上下文的回调函数Vue生命周期方法for...in和for...的区别offor...in遍历得到的key,for...of遍历for...in得到的值是常用的Enumerable数据,如:对象,数组,字符串,获取key值for...of常用于可迭代数据,如:array,string,Map,Set,获取value值,那么,forawait...of是做什么的呢?forawait...of用于遍历多个Promise:functioncreatePromise(val){returnnewPromise((re解决)=>{setTimeout(()=>{resolve(val)},1000)})}(asyncfunction(){constp1=createPromise(100)constp2=createPromise(200)constp3=createPromise(300)constlist=[p1,p2,p3]//Promise.all(list).then(res=>//console.log(res)//)//等价于Promise.allforawait(letpoflist){console.log(p);}})()HTMLCollection和NodeListDOM其实是一棵树,大部分节点都是Node节点,Node是Element的基类,Element是其他HTML元素的基类,比如as:HTMLDivElement,HTMLULElement,etc.HTMLCollection是元素的集合NodeList是节点的集合 你好
