ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Web APIs 和JS基础关联性

2020-09-18 19:33:46  阅读:192  来源: 互联网

标签:Web 浏览器 函数 APIs JS API


1、JS组成

 

 

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基础语法做交互效果

3.1. API 和 Web API介绍

3.1 API的概念

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

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

比如充电器接口

 

 

我们要实现充电这个功能:

  • 我们不关心手机内部变压器,内部怎么存储电等

  • 我们不关心这个充电线怎么制作的

  • 我们只知道,我们拿着充电线插进充电接口就可以充电

  • 这个充电接口就是一个API

举例解释什么是API。

例如,

C语言中有一个函数 fopen()可以打开硬盘上的文件,这个函数对于我们来说,就是一个C语言提供的打开文件的工具。

javascript中有一个函数alert()可以在页面弹一个提示框,这个函数就是js提供的一个弹框工具。

这些工具(函数)由编程语言提供,内部的实现已经封装好了,我们只要学会灵活的使用这些工具即可。

3.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。

此处的 Web API 特指浏览器提供的一系列API(很多函数或对象方法),即操作网页的一系列工具。例如:操作html标签、操作页面地址的方法。

3.3 API 和 Web API 总结

  1. API 是为我们程序员提供的一个接口,帮助我们实现某种功能,我们会使用就可以了,不必纠结内部如何实现

  2. Web API 主要是针对于浏览器提供的接口,主要针对于浏览器做交互效果。

  3. Web API 一般都有输入和输出(函数的传参和返回值),Web API 很多都是方法(函数)

  4. 学习 Web API 可以结合前面学习内置对象方法的思路学习

标签:Web,浏览器,函数,APIs,JS,API
来源: https://www.cnblogs.com/xc-dh/p/13693054.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有