第一章:Web APIs和JS基础关联性

1.1 JS的组成

JS的组成.jpg

1.2 JS基础阶段以及Web APIs

1.2.1 JS基础阶段

  • 学习的是ECMAScript标准规定的基本语法。
  • 需要掌握JS基础语法。
  • 只学习基本语法,做不了常用的网页交互效果。
  • 目的是为了学习JS后面的课程打基础、做铺垫。

1.2.2 Web APIs阶段

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

1.2.3 总结

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

第二章:API和Web API

2.1 API

  • API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序和开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。
  • 简单理解:API是给程序员提供的一种工具,以便能够轻松的实现想要完成的功能。
  • 比如手机充电的接口:

手机充电的接口.png

  • 我们要实现充电这个功能:
  • ①我们不关心手机内部变压器、内部怎么存储电等。
  • ②我们不关心这个充电线是如何制作的。
  • ③我们只知道,我们拿着充电线插件充电接口就可以充电了。
  • ④这个充电接口就是一个API

2.2 Web API

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

2.3 API和Web API总结

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