InstanceType是TypeScript中的一个内置类型操作符。它用来获取一个类构造函数的实例类型。 具体而言，给定一个类的构造函数类型T，InstanceType将返回该类的实例类型。 classMyClass{ name:string; age:number; constructor(name:string,age:number){ this.name=name; this.age=age; } } typeMyInstance=InstanceType<typeofMyClass>; letinstance:MyInstance=newMyClass("Joh...

它用于定义一个对象的属性为可选的，也就是说该属性可以存在，也可以不存在。 当你定义一个对象类型时，使用?:可以将某个属性标记为可选属性。这意味着在实际使用中，可以选择性地赋值给这个属性或者不赋值。 例如，假设你有一个Person类型的接口，并定义了两个属性name和age，但是age是可选的。你可以这样写: interfacePerson{ name:string; age?:number; } 这样一来，你可以创建一个具有name和age属性的对象，也可以创建一个只有name属性的对象。当使用可选属性时，可以在实例化对象时省略这个属性，或者赋予undefined或null。 cons...

在TypeScript中，type关键字用于创建自定义类型别名。 使用type关键字，我们可以为任何类型定义一个别名，这样就可以在代码中使用该别名来表示该类型，以增加代码的可读性和可维护性。 以下是一些使用type关键字创建类型别名的示例： typeID=number|string; typePerson={ name:string; age:number; }; typeCoordinates=[number,number]; typeCallback=(result:any)=>void; 在上面的示例中，我们定义了以下类型别名： ID表示一个标识符，可以是数字或字符串类...

简述：定高100px，左右宽度均为200px，中间自适应。 1、浮动—float <divclass="wrapfloat"> <divclass="left">我是左边栏</div> <divclass="right">我是右边栏</div> <divclass="center">我是float</div> </div> <style> .wrap>div{ height:200px; text-align:center; line-height:200p...

1.安装dayjs npminstalldayjs--save 2.导入js如果是全局导入也可以页面单独导入 在main.js importdayjsfrom"dayjs" Vue.prototype.dayjs=dayjs;//可以全局使用dayjs //date为非格式化的时间数据 dayjs(date).format('YYYY-MM-DDhh:mm:ss')

一、css变量 body{ --foo:7F593F; --urls:'./img/xxx.jpg'; } 变量的名称可以用数字、汉字等，不能包含$，[，^，(，%等字符，变量的值也是可以使用各种属性值：如： //定义css变量 :root{ --黑色背景:3a6b5c; --255:rgb(256,256,256); --pd:10px20px; --height:200px; --transition-duration:.36s; --margin-top:calc(2vh+20px); } //使用css变量 div{ color:var(--256); margin-...

<el-upload class="avatar-uploader" action :show-file-list="false" :http-request="selectPicUpload" :before-upload="beforeAvatarUpload" :on-remove="handleRemove" > <imgv-if="imageUrl"width="200px"height="200px":src="imageUrl"class="avatar"/> <iv-elseclass="el-icon-plusavatar-uploader-...

<template> <div> <p>Todayis{{today}}</p> </div> </template> <script> exportdefault{ data(){ return{ today:'' } }, mounted(){ this.today=this.getCurrentDate(); }, methods:{ getCurrentDate(){ letnow=newDate(); letyear=now.getFullYear(); letmonth=now.getMon...

使用区别 reactive定义引用数据类型，ref定义基本类型reactive定义的变量直接使用，ref定义的变量使用时需要.value模板中均可直接使用，vue帮我们判断了是reactive还是ref定义的(通过__v_isRef属性)，从而自动添加了.value。 //定义 letcount=ref(0); letobj=reactive({a:1,b:2}); //使用 count.value=1; menu={a:1,b:2,c:3}; return{ count， ...toRefs(menu) } ref ref用于创建一个简单的响应式数据，即一个基本类型的数据，比如数...

1.location对象的href属性： window.location.href="http://www.baidu.com/";//在同当前窗口中打开窗口 2.open window.open("http://www.w3schools.com","_blank");//在新建窗口中打开 _blank加载到一个新的窗口。默认_self替换当前页面。

/始终显示滚动条/ overflow-y:scroll /内容超出显示滚动条，未超出不显示滚动条/ overflow-y:auto; /overflow-y属性可选值/ overflow-y:visible;/内容可见/ overflow-y:hidden;/内容隐藏/ overflow-y:scroll;/总是显示滚动条/ overflow-y:auto;/浏览器决定/ /overflow-y属性全局可选值/ overflow-y:inherit;/继承/ overflow-y:initial;/默认值/ overflow-y:unset;/未设置/

at() letarr=['Chapter01','Chapter02','Chapter03']; console.log(arr.at(2)); 我们可以使用at(-1)访问数组的最后一个元素。 访问倒数第二个元素可以使用arr.at(-2) unshift：从数组头部插入一个元素 letarr=['Second']; arr.unshift('First');//arr等于['First','Second']

使用props接收值 1.default：设置默认值 2.type：设定传值类型 3.require：设置必填项 <template> <div>这是子组件1-----{{num}}</div> </template> <script> exportdefault{ props:{ num:{ //设置默认值 default:0, //指定传值类型 type:Number, //是否必须传值,父组件不传值会报警告 required:true } } } </script>

momentjs官网 moment().subtract(Number,String) 通过减去时间来改变原始的moment若要减去时间，则传入要减去的数量、以及要减去的时间的键。两个参数第一个参数Number类型，减去的数量第二个参数String类型，要减去的时间的键 moment().subtract(7,'days');//7天前 moment().subtract(1,'months');//1月前 moment().subtract(3,'months');//3月前 moment().subtract(1,'years');//1年前 如果对希望简短，也有一些快捷的键 mo...

var定义的变量，没有块的概念，可以跨块访问,不能跨函数访问。 let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。 const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。 同一个变量只能使用一种方式声明，不然会报错 <scripttype="text/javascript"> //块作用域 { vara=1; letb=2; constc=3; //c=4;//报错 //leta='a'; //报错注：是上面vara=1;那行报错 //varb='b'; //报错：本行报错 /...

什么是flex：1？ 在css中，我们经常可以看到这样的写法： .box{ display:flex; } .item{ flex:1; } 这里的flex:1相当于flex:110%，它是一个简写属性，表示项目（flexitem）在弹性容器（flexcontainer）中如何伸缩。它相当于flex:110%，包含了三个子属性： flex-grow定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 flex-shrink定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。 flex-basis定义在分配多余空间之前，项目占据的主轴空间（mainsize），浏览器根...

<el-date-picker v-model="formData.startTime" type="date" placeholder="选择日期时间" value-format="yyyy-MM-dd" @change="handleHistoryData"> </el-date-picker> data(){ return{ formData:{ startTime:'',//日期 } } }, mounted(){ this.getDownList() this.getCurrentTime() }, methods:{ //获取日期 hand...

varmm={ name:"xuhaitao", showName(){ alert(this.name) } } mm["showName"]();//相当于mm.showName()这种写法

Math.max() Math.max(1,3,2) //3 以上是直接向函数传入参数，下面将数组转为参数序列 Math.max.apply(null,[1,3,2]) //3 上面是ES5中的用法，在ES6中新增了扩展运算符 Math.max(...[1,3,2]) 注：如果没有参数，则结果为-Infinity；如果有任一参数不能转为数值，则结果为NaN