2021.12遇到的知识点总结
1.将url查询字符串转换为对象Object.fromEntries(newURLSearchParams('?foo=bar&baz=qux'))//{foo:"bar",baz:"qux"}2.对象与地图的相互转换constmap=newMap().set('foo',true).set('bar',false);Object.fromEntries(map)//{foo:true,bar:false}constobj={foo:'bar',baz:42};constmap=newMap(Object.entries(obj));map//Map{foo:"bar",baz:42}3.process.env.NODE_ENVprocess.env.NODE_ENV用于区分本地开发环境和打包环境。Development开发环境，production生产环境4.实例方法vs静态方法静态方法：类可以直接调用的方法和属于类的方法，可以通过类名和方法名调用：调用实例化类后对象的方法5类数组对象类数组对象只有一个本质特征，那就是它必须有一个length属性。6.arr.at()数组不支持负索引，因为[]不仅用于数组，也用于对象。对于对象来说，里面的[]是键名，所以数组里面的[]不能为负数。新提案：arr.at()可以传递负参数。7.str.padStart补全字符串，可用于补全时间格式或提醒字符串格式day.padStart(2,'0')'09-12'.padStart(10,'YYYY-MM-DD')//"YYYY-09-12"8.el-popover弹出框的位置el-popover的高度过高或者位置在页面边缘，会出现滚动条页。解决方法：设置备选选项fallbackwhenthepositionisnotsuitable-placements9.vue3'scomputedinputparameterconstx=computed(()=>(val)=>val+1)10.vue3声明响应对象的ref和refconst指向dom引用ref1=ref(null)constref2=ref('a')
ref2.value='b'11.css选择器如何选择除以外的其他元素thelastelement.tag:not(:last-child){}//除last之外的其他元素element.tag:not(:last-child)::after{}//除last之外的其他元素伪元素之后元素12.v-model参数
13.importtypeXXX只是指一个类型，但在这里被用作一个值import{XXX}from'xxx';更改为：从'xxx'导入类型{XXX}；14.v-show不支持template和v-showtemplate，可以使用v-if15.keymodifier.number
如果输入是"12a"，只有"12”会显示，如果输入的是“a12”，显示的还是“a12”，不能过滤数字前面的字符串。16、如果Date对象要判断x分y秒是否大于a分b秒，可以先用newDate()转换成日期类型，再用>运算符判断。如果需要判断x分y秒是否在a分b秒和c分d秒范围内，转成Date类型也方便。新日期（）；新日期（值）；新日期（dateString）；新日期（年，月索引[，日[，小时[，分钟[，秒[，毫秒]]]]]）；17.将对象转换为url参数字符串varparams4=newURLSearchParams({"foo":1,"bar":2});其他URLSearchParams参数类型：//传入字符串文字varurl=newURL('https://example.com?foo=1&bar=2');//从window.location中检索varurl2=newURL(window.location);//通过url.search检索参数，传入ctorvarparams=newURLSearchParams(url.search);varparams2=newURLSearchParams(url2.search);//传入一个序列varparams3=newURLSearchParams([["foo",1],["bar",2]]);//传入一个记录varparams4=newURLSearchParams({"foo":1,"bar":2});18.vue3获取子组件dom结构和属性，方法需要使用defineExpose定义子组合中暴露的属性和方法//subcomponent
