Fork me on github
摘要: 共同点 两者都是一定时间段内只执行一次 区别 防抖的时间段可变(下次的执行时间会重新计算),两次执行的间隔时间可能无限长 节流的时间段是固定的,两次执行的间隔时间在一个范围内 [gap, 2gap] (上面说的时间间隔,前提是事件一直在频繁触发) 适用场景 防抖:(连续的事件只触发一次) resiz 阅读全文
posted @ 2023-09-05 21:43 zjy4fun 阅读(16) 评论(0) 推荐(0) 编辑
摘要: <html> <style> .box { /* 1. padding-top 根据父容器进行百分比计算数值的 */ /* width: 50%; background: blue; padding-top: 50%; */ /* 2. aspect-ratio: 规定了纵横比,这个纵横比可以用来计 阅读全文
posted @ 2023-09-05 21:11 zjy4fun 阅读(9) 评论(0) 推荐(0) 编辑
摘要: <html> <head> <title>CSS 绘制三角形</title> </head> <body> <div> <h1>实心三角形</h1> <div class="filled-triangle-1"></div> <div> <h1>等边三角形</h1> <div class="fill 阅读全文
posted @ 2023-09-05 21:03 zjy4fun 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 后代选择器,空格相连(隔代有隔阂,包含孙子) https://developer.mozilla.org/zh-CN/docs/Web/CSS/Descendant_combinator 子元素选择器,> (直接针对,更严格,记住这个符号!) https://developer.mozilla.or 阅读全文
posted @ 2023-09-05 20:43 zjy4fun 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 伪类选择器用于指定所选元素的特殊状态,参考 https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes 伪元素选择器允许你对被选择元素的特定部分修改样式,不会真的修改dom结构,参考 https://developer.mozill 阅读全文
posted @ 2023-09-05 20:31 zjy4fun 阅读(67) 评论(0) 推荐(0) 编辑