用途:面向 JavaScript 开发者的 DOM 与浏览器 API 速查技能,覆盖元素选择、DOM 操作、事件处理、存储、网络请求及现代 Web API 的常用写法,并给出常见问题排查思路。
主要能力:元素选择推荐 document.querySelector 与 querySelectorAll,支持容器内作用域查询并缓存引用;DOM 操作用 textContent 安全写入文本,用 createElement 创建元素,用 DocumentFragment 批量插入以提升性能;事件处理推荐事件委托,可配 once、passive、capture 选项,并用 AbortController 的 signal 清理监听;存储涉及 localStorage 持久化与 sessionStorage 标签页级存储,建议用 try/catch 包装 JSON 读写;网络请求用 fetch 处理 GET/POST,并检查 res.ok 后解析 JSON;现代 API 包括 IntersectionObserver 懒加载、剪贴板写入和地理位置获取。
使用方式:资料以速查卡形式给出代码片段,例如 document.querySelector('#id')、createElement、addEventListener、localStorage.setItem、fetch、IntersectionObserver 等,可直接参考对应模式使用;生产模式部分还给出表单提交处理与防抖输入示例。
适用场景:前端页面交互开发、表单处理、数据请求与存储、懒加载等浏览器端任务。
限制:资料未提供安装命令、版本要求、浏览器兼容范围、收费与授权信息,也未提供完整项目示例,具体可用性需自行按目标环境验证;相关技能链接仅为上下文参考。