web前端学习706-708（web APIs 简介---Web APls 和JS基础关联性，API 和 Web API）

web APIs 简介

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

1 Web APls 和JS基础关联性

1.1 JS的组成

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

JS基础阶段

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

Web APls阶段

• web APIs 是w3c组织的标准
• web APIs 主要学习DoM和 BOM
• web APIs是 Js 所独有的部分
• 主要学习页面交互功能
• 需要使用Js基础的内容做基础

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

2 API 和 Web API

2.1 API

APl ( 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 APls

2.3 API和Web API总结

1. API是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现
2. Web API主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果。
3. Web API一般都有输入和输出（函数的传参和返回值），WebAPI很多都是方法（函数)
4. 学习Web API可以结合前面学习内置对象方法的思路学习