03 2023 档案

摘要:本文转自掘金文章:为什么我写的z-index无效?,作者小蝉儿 1. 首先总结一下,什么是CSS层叠上下文? 层叠上下文是HTML元素的三维概念,可以想象为一条垂直于视窗的z轴 当元素创建了重叠上下文时,这个元素就有了一个z轴 如果内部的子元素发生重叠,会依据自身属性优先级顺序占用z轴(重叠上下文) 阅读全文
posted @ 2023-03-24 14:45 pangqianjin 阅读(87) 评论(0) 推荐(0) 编辑
摘要:1. 可以监听window.onbeforeunload事件,在用户关闭标签页或浏览器时,做一些提示 比如: window.onbeforeunload = function (e) { return confirm("你的更改可能未保存,确定离开吗?"); } 2. 在测试时,发现有时可以,有时不 阅读全文
posted @ 2023-03-20 18:30 pangqianjin 阅读(257) 评论(0) 推荐(0) 编辑
摘要:// JS实现一个带并发限制的异步调度器Scheduler, // 保证同时运行的任务最多有两个。 // 完善代码中Scheduler类, // 使得以下程序能正确输出 class Scheduler { constructor() { this.count = 2 this.queue = [] 阅读全文
posted @ 2023-03-17 14:46 pangqianjin 阅读(470) 评论(0) 推荐(0) 编辑
摘要:### 一、原理主要是通过window.onhashchange方法监听window.location.hash的改动 1. 这里我直接用**a元素**来改变**hash** 2. 通过设置dom节点的**innerHTML**,来实现页面切换 3. hashRouter对象中使用**'#404'* 阅读全文
posted @ 2023-03-14 18:18 pangqianjin 阅读(26) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2023-03-10 18:33 pangqianjin 阅读(534) 评论(0) 推荐(0) 编辑
摘要:1. 直接贴代码 class EventEmitter { constructor() { this.events = {}; } // 一个事件可能跟有多个订阅者,所以这里使用数组 events: Record<string, Function[]> on(eventName: string, f 阅读全文
posted @ 2023-03-04 13:41 pangqianjin 阅读(68) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示