12 2021 档案

让drop生效
摘要:在Html里做拖拽时,发现定义了ondragstart,ondragleave, ondrop事件后,ondrop始终不触发,原因是没有定义ondragover事件,ondragover事件是被拖拽元素在目标元素上拖拽过程中由目标元素触发,需要取消掉它的默认事件才可以正确触发e.preventDef 阅读全文

posted @ 2021-12-30 00:49 In-6026 阅读(57) 评论(0) 推荐(0)

pageX,pageY,screenX,screenY,clientX,和clientY,offsetX ,offsetY,layerX,layerY区别
摘要:坐标原点(左上角) page document screen 计算机屏幕 client 浏览器 offset 引发事件的节点 layer 最近的绝对定位的父节点(当所有父节点都不是绝对定位时,就以document为参照,即和page一样) 比较特殊的时offset和layer,其中layer是非标准 阅读全文

posted @ 2021-12-29 23:06 In-6026 阅读(163) 评论(0) 推荐(0)

MutationObserver接口
摘要:MuataionObserver 替代了 MutationEvent 当被监听的节点发生变化时,执行某段函数 btn.onclick = function() { document.body.removeChild(document.getElementById('test')) } let obs 阅读全文

posted @ 2021-12-28 19:22 In-6026 阅读(34) 评论(0) 推荐(0)

TS基础——泛型/多泛型参数函数
摘要:function GetNewArr(OldArr: any[], item: any): any[] { OldArr.push(item) return OldArr } const OldArr: string[] = ['str1'] const res = GetNewArr(OldArr 阅读全文

posted @ 2021-12-26 00:20 In-6026 阅读(394) 评论(0) 推荐(0)

TS基础——抽象类 abstract
摘要:关键字abstract 抽象类不允许被实例化,抽象类的存在只为了向子类服务 抽象类中包含抽象属性/方法,和普通属性/方法 被抽象的属性/方法不允许拥有具体的内容 子类如果不是抽象类,就必须将所有抽象父类的方法/属性具体化 abstract class Animal { //定义一个抽象类 abstr 阅读全文

posted @ 2021-12-24 23:59 In-6026 阅读(2157) 评论(0) 推荐(0)

TS基础——类成员的修饰符
摘要:注:其实这些修饰符,如private并不是真正的私有,只是在ts环境下会报错,不允许随便用,但是转译出来的js文件,还是一样的随便用。有点鸵鸟心态的意思 类中的成员修饰符:主要适用于描述类中成员(属性,构造函数,方法)的可访问性 public 修饰符是默认的,可以不写出来 public eat() 阅读全文

posted @ 2021-12-23 18:32 In-6026 阅读(414) 评论(1) 推荐(0)

TS基础——多态
摘要:子类对于同一个方法产生了不同的行为 class Animal { name: string constructor(name: string) { this.name = name; } run(miles: number = 5): void { console.log(`${this.name} 阅读全文

posted @ 2021-12-23 17:13 In-6026 阅读(379) 评论(0) 推荐(0)

在vscode中用tsc编译ts文件的时候报错,tsc : 无法加载文件,因为在此系统上禁止运行脚本;SecurityError
摘要:原因: PowerShell的默认执行策略是 Restricted,它禁止运行任何脚本和配置文件。故需更改PowerShell的设置来解决刚遇到的问题。 解决方法 //第一步 以管理员身份运行 PowerShell 执行命令行 set-ExecutionPolicy RemoteSigned //第 阅读全文

posted @ 2021-12-23 16:45 In-6026 阅读(204) 评论(0) 推荐(0)

图片/框架懒加载
摘要:<img src="..." loading="lazy"> <iframe src="..." loading="lazy"></iframe> 阅读全文

posted @ 2021-12-23 00:58 In-6026 阅读(21) 评论(0) 推荐(0)

TS基础——基本语法(类型/数组元组/枚举/断言/接口函数/类类型/继承/类)
摘要:##基础变量类型 let 变量名: 变量类型 = 值 let num: number = 10 let str: string = '10' 变量类型有 number string boolean object Array undefined null any void never 特殊: **un 阅读全文

posted @ 2021-12-23 00:40 In-6026 阅读(626) 评论(0) 推荐(0)

导航