分类: 前端

从 innerWidth 到 scrollHeight，从 getBoundingClientRect 到 Visual Viewport；对照一张心智表分清「布局盒」「可见区域」「滚动尺寸」与移动端动态工具栏下的视口单位。

用 window 作为轻量事件总线：构造 CustomEvent 并 dispatchEvent，配合 addEventListener 在模块、微前端或跨 iframe 同页场景里解耦通信；注意同步派发与 preventDefault 的返回值。

用与 CSS 相同的媒体查询字符串在脚本中判断布局与系统偏好，并用 change 事件替代粗糙的 resize；附深色模式与减少动效示例及卸载监听要点。

从数据映射到 startRatio/endRatio，用 getParametricEquation 生成每一块扇环曲面；最大值加高、line3D + scatter3D 做标注；grid3D 控制视角与自动旋转。

这篇文章聚焦标题阴影动效，讲清为什么要分层阴影、如何控制幅度，以及如何避免视觉突兀。

从“定时追加字符”到“requestAnimationFrame 节流”，这篇文章讲清打字机动效背后的实现思路。

从资源加载到渲染路径，再到语义化与 SEO 细节，这次优化把站点评分稳定拉到高分区间。

基于 `SimpleWebSocket` 类封装连接生命周期，覆盖自动重连、消息 JSON 解析、手动断开、发送与主动重连能力。

实现可配置长度与基数的 `uuid` 生成函数，同时支持 36 位标准格式（含连字符与版本位）生成逻辑。

封装 `SSEClient`：包含连接建立、消息解析（含 JSONBig）、异常重连、最大重连次数控制与手动关闭流程。