Web API 入门指南 | Front Study

Web API 入门指南

课程结构
开发环境

URL API (URL 操作)

解析 URL
构建 URL
URLSearchParams

HTML DOM API (元素操作)

获取元素 (Selectors API)
修改元素 (内容、属性、样式)
创建和插入元素
删除元素
事件监听与处理 (EventTarget)

Fetch API (网络请求)

发送 GET 请求
发送 POST 请求
处理响应 (Response)
处理错误

Web Storage API (本地存储)

localStorage
sessionStorage
使用场景与限制

File API (文件处理)

读取文件信息 (File 对象)
读取文件内容 (FileReader)
与 input 元素交互

HTML Drag and Drop API (拖放操作)

启用拖放
拖动事件 (dragstart, drag, dragend)
放置事件 (dragenter, dragover, drop, dragleave)

导航 (back, forward, go)
修改历史记录 (pushState, replaceState)
监听历史变化 (popstate 事件)

Timers API (定时器)

setTimeout
clearTimeout
setInterval
clearInterval

Geolocation API (地理位置)

获取当前位置
监听位置变化
处理错误

Server-sent events (服务器推送 SSE)

建立连接 (EventSource)
接收事件
处理错误
关闭连接

建立连接 (WebSocket)
生命周期事件
发送消息
接收消息
关闭连接
服务器端要求

其他常用 API

Clipboard API (剪贴板)
Resize Observer API (尺寸观测)
Intersection Observer API (交叉观测)
Full Screen API (全屏)

其他不常用 API

Performance API (性能)
Encoding API (编码)
Web Crypto API (加密)
Web Workers API (后台线程)

登录解锁全部章节

Made by 捣鼓键盘的小麦 / © 2025 Front Study 版权所有