safari

模态框真正可用需聚焦管理与可访问性：打开时自动聚焦首个可聚焦元素，限制Tab键焦点范围，关闭后恢复原焦点并正确设置ARIA属性。 模态框（Modal）要真正可用，不能只靠显示隐藏和遮罩层——焦点管理与可访问性（a11y）是核心。否则键盘用户无法操作、屏幕阅读器无法理解上下文，甚至可能被困在模态框里出…

全屏 API 通过 requestFullscreen() 请求元素独占显示并隐藏浏览器 UI，需用户手势触发，配合 fullscreenElement、fullscreenEnabled 属性及 fullscreenchange、fullscreenerror 事件监听状态变化。 JavaScri…

JavaScript 实现原生视频播放器需隐藏默认控件，通过事件监听控制播放/暂停、进度拖拽、音量与全屏；核心是同步 video 元素状态与自定义 UI，处理 loadedmetadata、timeupdate、fullscreenchange 等事件，并优化悬停显示、自动隐藏及移动端兼容性。 用 …

JavaScript拖放功能基于原生Drag and Drop API，需设draggable=”true”并按序处理dragstart、dragenter、dragover、drop等7个事件，且关键步骤须调用preventDefault。 JavaScript 中的拖放功…

JavaScript桌面通知依赖Notification API，需HTTPS环境与用户授权，核心是封装权限管理、消息队列、去重及降级策略。 JavaScript 中实现桌面通知主要靠 Notification API，它原生支持、无需第三方库，但需要用户授权且仅在 HTTPS（或 localhos…

JavaScript通过navigator.onLine属性和online/offline事件检测网络状态，但仅反映浏览器连接认知而非真实可达性；需结合fetch探测等增强验证。 JavaScript 主要通过 navigator.onLine 属性和监听 online / offline 事件来检…

尾调用优化（TCO）是JS引擎在严格模式下对尾调用形式的递归进行栈帧复用的机制，可防栈溢出、提性能，但Chrome/Firefox/Safari等主流引擎实际未启用；尾调用指函数末尾直接返回另一函数调用且无后续计算。 尾调用优化（Tail Call Optimization，TCO）是 JavaSc…

最推荐方式是 navigator.clipboard.writeText()，现代浏览器均支持，需 HTTPS 或 localhost 安全上下文，必须用户触发；旧浏览器降级用 document.execCommand(“copy”)。 用 JavaScript 实现复制到剪…

懒加载与动态导入本质是按需加载技术，核心为动态import()语法，支持运行时调用、变量路径和构建工具代码分割，用于路由、交互、视口等场景，需结合实际性能权衡使用。 JavaScript 中的懒加载（Lazy Loading）和动态导入（Dynamic Import）本质是同一类技术——按需加载模块…

JavaScript本地存储主要使用localStorage和sessionStorage，二者均以字符串键值对形式存储数据，API相同但生命周期不同：localStorage永久保存，sessionStorage仅限当前标签页。 JavaScript 本地存储主要靠 localStorage 和 …