Web APIs 简介

目标：

能够说出 Web APIs 阶段与 JavaScript 语法阶段的关联性?
能够说出什么是 API?
能够说出什么是 Web API?

一、Web APIs 和 JS 基础关联性

1.1 JS 的组成

JavaScript 主要包含三部分内容：

ECMAScript : JavaScript 语法（JavaScript基础）
DOM : 页面文档对象模型（Web APIs）
BOM : 浏览器对象模型（Web APIs ）

1.2 JS 基础阶段以及 Web APIs 阶段

JS 基础阶段

学习的是 ECMAScript 标准规定的基本语法
要求掌握JS基础语法
只学习基本语法，做不常用的网页交互效果
目的是为了 JS 后面的内容打基础、做铺垫

Web APIs阶段

Web APIs 是 W3C 组织的标准
Web APIs 主要学习 DOM 和 BOM
Web APIs 是 JS 所独有的部分
主要学习页面交互功能
需要使用 JS 基础的课程内容做基础

JS 基础学习 ECMAScript 基础语法为后面作铺垫，Web APIs是 JS 的应用，大量使用 Js 基础语法做交互效果。

二、API 和 Web API

2.1 API

API ( Application Programming Interface，应用程序编程接口）是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

简单理解：API 是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能。

比如手机充电的接口:

我们要实现充电这个功能：
●我们不关心手机内部变压器,内部怎么存储电等
●我们不关心这个充电线怎么制作的
●我们只知道,我们拿着充电线插进充电接口就可以充电
●这个充电接口就是一个API

2.2 Web API

Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM和DOM)。现阶段我们主要针对于浏览器讲解常用的API，主要针对浏览器做交互效果。比如我们想要浏览器弹出一个警示框，直接使用alert( ‘弹出’ ) 。 MDN详细API: https://developer.mozilla.org/zh-CN/docs/Web/API ，因为Web API很多,所以我们将这个阶段称为Web APIs