safari

图片%ignore_a_1%的核心是延迟加载视口内图片以提升性能，推荐使用Intersection Observer API实现，兼容方案可用scroll+getBoundingClientRect，现代浏览器可直接用loading=”lazy”属性。 图片懒加载的核心是：让…

JavaScript通过MediaDevices.getUserMedia()获取音视频流，传入{video:true}、{audio:true}或两者组合的约束对象，返回Promise，成功后将MediaStream赋给video.srcObject即可预览，需设autoplay和muted；可独…

JavaScript通过window.history对象实现浏览器历史记录操作，核心方法包括back()、forward()、go()、pushState()和replaceState()，支持基础导航、灵活跳转及单页应用的状态管理。 JavaScript 通过 window.history 对象操…

JavaScript 实现推送通知主要依赖两个核心机制：浏览器原生的 Notification API（用于显示本地通知）和 Push API + Service Worker（用于接收服务器发起的后台推送）。很多人混淆二者，这里先明确：Notification API 本身不收消息，只负责“显示”…

JavaScript地理定位通过Geolocation API获取用户经纬度，需用户授权，综合Wi-Fi、基站、IP和GPS估算位置，精度几米至几公里；须检测兼容性、绑定用户操作调用，并配合地图SDK或服务端校验。 JavaScript地理定位是通过浏览器的 Geolocation API 获取用户…

JavaScript无法直接访问本地文件系统，需用户通过选择文件；先用FileReader异步读取内容（如readAsText），再用FormData+fetch上传原始File对象。 JavaScript 本身不能直接访问本地文件系统（出于安全限制），但可以通过用户主动选择文件（如 ）来读取其内容…

JavaScript语音合成基于Web Speech API的SpeechSynthesis接口，支持离线使用；需检测兼容性、监听voiceschanged事件获取音色列表，再创建并配置SpeechSynthesisUtterance实例，通过speak()等方法控制播放，且必须由用户交互触发。 J…

JavaScript 创建 3D 效果的核心是 WebGL——浏览器内置的底层图形 API，直接调用 GPU 渲染；实际开发常配合 Three.js 等封装库，但理解 WebGL 有助于掌握渲染逻辑、调试性能或深度定制。 用 JavaScript 创建 3D 效果，核心是使用 WebGL —— 它不…

原生Date对象设计反直觉，存在月份从0开始、字符串解析跨浏览器不一致、setMonth溢出、时区控制难四大经典坑；Moment.js功能全但已停更；date-fns轻量函数式为现代首选；Intl可满足简单格式化与国际化展示。 JavaScript原生的Date对象设计得不够直观，很多行为反直觉——…

DeviceOrientation API 提供欧拉角（α/β/γ），适用于罗盘等场景；DeviceMotion API 的 rotationRate 提供高频率原始陀螺仪角速度（°/s），适合游戏等精细追踪，均需用户交互触发并处理权限、兼容性及滤波降噪。 JavaScript 通过 DeviceO…