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