前端「宽与高」速查：视口、文档、元素与 CSS 单位
从 innerWidth 到 scrollHeight，从 getBoundingClientRect 到 Visual Viewport；对照一张心智表分清「布局盒」「可见区域」「滚动尺寸」与移动端动态工具栏下的视口单位。
标签: JavaScript
共有 7 篇文章
-
前端「宽与高」速查：视口、文档、元素与 CSS 单位
从 innerWidth 到 scrollHeight，从 getBoundingClientRect 到 Visual Viewport；对照一张心智表分清「布局盒」「可见区域」「滚动尺寸」与移动端动态工具栏下的视口单位。
-
window.dispatchEvent：在浏览器里派发与消费自定义事件
用 window 作为轻量事件总线：构造 CustomEvent 并 dispatchEvent，配合 addEventListener 在模块、微前端或跨 iframe 同页场景里解耦通信；注意同步派发与 preventDefault 的返回值。
window.dispatchEvent：在浏览器里派发与消费自定义事件
用 window 作为轻量事件总线：构造 CustomEvent 并 dispatchEvent，配合 addEventListener 在模块、微前端或跨 iframe 同页场景里解耦通信；注意同步派发与 preventDefault 的返回值。
-
window.matchMedia：在 JavaScript 里读写媒体查询
用与 CSS 相同的媒体查询字符串在脚本中判断布局与系统偏好，并用 change 事件替代粗糙的 resize；附深色模式与减少动效示例及卸载监听要点。
window.matchMedia：在 JavaScript 里读写媒体查询
用与 CSS 相同的媒体查询字符串在脚本中判断布局与系统偏好，并用 change 事件替代粗糙的 resize；附深色模式与减少动效示例及卸载监听要点。
-
打字机效果是怎么实现的
从“定时追加字符”到“requestAnimationFrame 节流”，这篇文章讲清打字机动效背后的实现思路。
打字机效果是怎么实现的
从“定时追加字符”到“requestAnimationFrame 节流”，这篇文章讲清打字机动效背后的实现思路。
-
js内置对象
js几种内置对象
js内置对象
js几种内置对象
-
js-函数
js中的函数
js-函数
js中的函数
-
Js--Number
js Number需要
Js--Number
js Number需要