通过 DialogOpenOptions 与 DialogValue 两个泛型类型，把 Vue3 项目里常见的弹窗 open/close 逻辑抽成可复用 hooks。
分类: 前端
共有 51 篇文章
-
通过 DialogOpenOptions 与 DialogValue 两个泛型类型，把 Vue3 项目里常见的弹窗 open/close 逻辑抽成可复用 hooks。
-
从 innerWidth 到 scrollHeight，从 getBoundingClientRect 到 Visual Viewport；对照一张心智表分清「布局盒」「可见区域」「滚动尺寸」与移动端动态工具栏下的视口单位。
从 innerWidth 到 scrollHeight，从 getBoundingClientRect 到 Visual Viewport；对照一张心智表分清「布局盒」「可见区域」「滚动尺寸」与移动端动态工具栏下的视口单位。
-
用 window 作为轻量事件总线：构造 CustomEvent 并 dispatchEvent，配合 addEventListener 在模块、微前端或跨 iframe 同页场景里解耦通信；注意同步派发与 preventDefault 的返回值。
用 window 作为轻量事件总线：构造 CustomEvent 并 dispatchEvent，配合 addEventListener 在模块、微前端或跨 iframe 同页场景里解耦通信；注意同步派发与 preventDefault 的返回值。
-
用与 CSS 相同的媒体查询字符串在脚本中判断布局与系统偏好，并用 change 事件替代粗糙的 resize；附深色模式与减少动效示例及卸载监听要点。
用与 CSS 相同的媒体查询字符串在脚本中判断布局与系统偏好，并用 change 事件替代粗糙的 resize；附深色模式与减少动效示例及卸载监听要点。
-
从数据映射到 startRatio/endRatio，用 getParametricEquation 生成每一块扇环曲面；最大值加高、line3D + scatter3D 做标注；grid3D 控制视角与自动旋转。
从数据映射到 startRatio/endRatio，用 getParametricEquation 生成每一块扇环曲面；最大值加高、line3D + scatter3D 做标注；grid3D 控制视角与自动旋转。
-
这篇文章聚焦标题阴影动效，讲清为什么要分层阴影、如何控制幅度，以及如何避免视觉突兀。
这篇文章聚焦标题阴影动效，讲清为什么要分层阴影、如何控制幅度，以及如何避免视觉突兀。
-
从“定时追加字符”到“requestAnimationFrame 节流”，这篇文章讲清打字机动效背后的实现思路。
从“定时追加字符”到“requestAnimationFrame 节流”，这篇文章讲清打字机动效背后的实现思路。
-
从资源加载到渲染路径，再到语义化与 SEO 细节，这次优化把站点评分稳定拉到高分区间。
从资源加载到渲染路径，再到语义化与 SEO 细节，这次优化把站点评分稳定拉到高分区间。
-
基于 `SimpleWebSocket` 类封装连接生命周期，覆盖自动重连、消息 JSON 解析、手动断开、发送与主动重连能力。
基于 `SimpleWebSocket` 类封装连接生命周期，覆盖自动重连、消息 JSON 解析、手动断开、发送与主动重连能力。
-
实现可配置长度与基数的 `uuid` 生成函数，同时支持 36 位标准格式（含连字符与版本位）生成逻辑。
实现可配置长度与基数的 `uuid` 生成函数，同时支持 36 位标准格式（含连字符与版本位）生成逻辑。