MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

客户端 Web API

这篇翻译不完整。请帮忙从英语翻译这篇文章

当你正在给网页或者网页APP编写客户端JavaScript时, 你离不开使用这些API — 这些用来操作浏览器各个不同方面和网页所在的操作系统,甚至是来自于其他网页和服务器的数据的接口. 在这个模块,我们来探究这些API是什么,以及怎么在你的日常开发工作中使用一些最常用的API。

预备知识

想要比较好得接受这个部分, 你必须能够以自己的能力较好地学完之前的几个章节 (First steps, Building blocks, and JavaScript objects). 这几部分涉及到了许多简单的API的使用, 如果没有它们我们将很难做一些实际的事情。

这里我们将会建立起一个相当的关于核心JavaScript语言的知识积累,以及对一般网页API的更多细节的探索。

基本的 HTML 和 CSS 知识同样必要。

注意:如果你正在使用一台无法创建你自身文件的电脑、平板或其他设备,你可以尝试使用一些在线网页编辑器如JSBin或者Thimble,来尝试编辑一些代码示例。

向导

Web API简介
首先, 我们将从一个更高的角度来看这些API —它们是什么,它们怎么起作用的,你该怎么在自己的代码中使用它们以及他们是怎么构成的? 我们依旧会再来看一看这些API有哪些主要的种类和他们会有哪些用处。
操作文档
当你在制作WEB页面和APP时,一个你最经常想要做的事就是通过一些方法来操作WEB文档。这其中最常见的方法就是使用文档对象模型Document Object Model (DOM),它是一系列大量使用了 Document object的API来控制HTML和样式信息。通过这篇文章,我们来看看使用DOM方面的一些细节, 以及其他一些有趣的API能够通过一些有趣的方式改变你的环境。
从服务器获取数据
在现代网页及其APP中另外一个很常见的任务就是与服务器进行数据交互时不再刷新整个页面,这看起开来微不足道,但却对一个网页的展现和交互上起到了很大的作用,在这篇文章里,我们将阐述这个概念,然后来了解实现这个功能的技术,例如 XMLHttpRequest 和 Fetch API.。
第三方 API
到目前为止我们所涉及的API都是浏览器内建的,但并不代表所有。许多大网站如Google Maps, Twitter, Facebook, PayPal等,都提供他们的API给开发者们去使用他们的数据(比如在你的博客里展示你的推特信息)或者服务(如在你的网页里展示定制的谷歌地图或接入Facebook登录功能)。这篇文章介绍了浏览器API和第三方API 的差别以及一些最新的典型应用。
绘制图形
浏览器包含多种强大的图形编程工具,从可缩放矢量图形语言Scalable Vector Graphics (SVG) language,到HTML绘制元素 <canvas> 元素(The Canvas API and WebGL). 这篇文章提供了部分canvas的简介,以及让你更深入学习的资源。
视频和音频 API
HTML5能够通过元素标签嵌入富媒体 — <video> and <audio> —而将有自己的API来控制回放,搜索等功能。本文向您展示了如何创建自定义播放控制等常见的任务。
设备 API
现代网页浏览设备拥有许多特性,对于网页APP来说益处颇多,比如能够获取位置信息来在地图上定位,或者通过系统提示和震动告诉用户有可用的更新了。这篇文章我们来看看有哪些可用的功能以及一些常见的用例。
客户端存储 API
大部分现代浏览器拥有存储本地结构化数据的能力,如果你想构建一个网页APP,保存其运行状态亦或者有可能还要离线运行时这部分功能是很有用的。这篇文章我们来看看这些有用的选择。

文档标签和贡献者

 此页面的贡献者: Noly1990, chrisdavidmills
 最后编辑者: Noly1990,