2022年1月9日

删除子节点innerHTML=''与removeChild()

摘要: 引用于(更多请看): https://www.cnblogs.com/bluedream2009/archive/2010/02/23/1672133.html 当用removeChild时,移除元素的结构并没有发生变化.但使用innerHTML清除时,其他浏览器中被移除的元素的结构和removeC 阅读全文

posted @ 2022-01-09 01:10 In-6026 阅读(198) 评论(0) 推荐(1) 编辑

文本超出转省略号

摘要: 多行转省略 width: 100%; max-height: 60px; font-size: 13px; line-height: 20px; /*关键之处,缺一不可*/ display: -webkit-box; -webkit-line-clamp: 3; /*要在第几行处隐藏,单行超出便省略 阅读全文

posted @ 2022-01-09 00:22 In-6026 阅读(28) 评论(0) 推荐(0) 编辑

2021年12月30日

让drop生效

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

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

2021年12月29日

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 阅读(128) 评论(0) 推荐(0) 编辑

2021年12月28日

MutationObserver接口

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

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

2021年12月26日

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 阅读(328) 评论(0) 推荐(0) 编辑

2021年12月24日

TS基础——抽象类 abstract

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

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

2021年12月23日

TS基础——类成员的修饰符

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

posted @ 2021-12-23 18:32 In-6026 阅读(365) 评论(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 阅读(361) 评论(0) 推荐(0) 编辑

在vscode中用tsc编译ts文件的时候报错,tsc : 无法加载文件,因为在此系统上禁止运行脚本;SecurityError

摘要: 原因: PowerShell的默认执行策略是 Restricted,它禁止运行任何脚本和配置文件。故需更改PowerShell的设置来解决刚遇到的问题。 解决方法 //第一步 以管理员身份运行 PowerShell 执行命令行 set-ExecutionPolicy RemoteSigned //第 阅读全文

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

导航