摘要：
本文转自掘金文章：为什么我写的z-index无效？，作者小蝉儿 1. 首先总结一下，什么是CSS层叠上下文？ 层叠上下文是HTML元素的三维概念，可以想象为一条垂直于视窗的z轴 当元素创建了重叠上下文时，这个元素就有了一个z轴 如果内部的子元素发生重叠，会依据自身属性优先级顺序占用z轴（重叠上下文） 阅读全文
posted @ 2023-03-24 14:45
pangqianjin
阅读(104)
评论(0)
推荐(0)
摘要：
1. 可以监听window.onbeforeunload事件，在用户关闭标签页或浏览器时，做一些提示 比如： window.onbeforeunload = function (e) { return confirm("你的更改可能未保存，确定离开吗?"); } 2. 在测试时，发现有时可以，有时不 阅读全文
posted @ 2023-03-20 18:30
pangqianjin
阅读(285)
评论(0)
推荐(0)
摘要：
// JS实现一个带并发限制的异步调度器Scheduler， // 保证同时运行的任务最多有两个。 // 完善代码中Scheduler类， // 使得以下程序能正确输出 class Scheduler { constructor() { this.count = 2 this.queue = [] 阅读全文
posted @ 2023-03-17 14:46
pangqianjin
阅读(605)
评论(0)
推荐(0)
摘要：
### 一、原理主要是通过window.onhashchange方法监听window.location.hash的改动 1. 这里我直接用**a元素**来改变**hash** 2. 通过设置dom节点的**innerHTML**，来实现页面切换 3. hashRouter对象中使用**'#404'* 阅读全文
posted @ 2023-03-14 18:18
pangqianjin
阅读(30)
评论(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
阅读(569)
评论(0)
推荐(0)
摘要：
1. 直接贴代码 class EventEmitter { constructor() { this.events = {}; } // 一个事件可能跟有多个订阅者，所以这里使用数组 events: Record<string, Function[]> on(eventName: string, f 阅读全文
posted @ 2023-03-04 13:41
pangqianjin
阅读(86)
评论(0)
推荐(0)
摘要：
1. 效果（移动端展示，PC端屏幕太宽，tab item数量少滚动不起来） 默认选中第一个 点击话费直充，被激活的item会自动居中 2. 原理 这里我没有使用a标签加 **href="#xxid"**这种形式，因为浏览器地址会带上hash 我使用了scrollIntoView，但是默认元素滚动到视 阅读全文
posted @ 2023-02-10 20:08
pangqianjin
阅读(79)
评论(0)
推荐(0)
摘要：
// ios底部安全距离-padding .savepadding{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content- 阅读全文
posted @ 2023-02-08 16:08
pangqianjin
阅读(589)
评论(0)
推荐(0)
摘要：
1. 代码 正常情况，两个图片的高度一致，宽度也一致，这时候没有什么问题 <view class="container"> <image class="icon" src="1.png" alt="" /> <image class="icon" src="2.png" alt="" /> </vi 阅读全文
posted @ 2023-02-04 12:59
pangqianjin
阅读(828)
评论(0)
推荐(0)
摘要：
1. 直接贴代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co 阅读全文
posted @ 2023-01-30 12:49
pangqianjin
阅读(583)
评论(0)
推荐(0)
浙公网安备 33010602011771号