js-Client-side web APIs摘录

APIs



简介:

应用程序接口(API)是基于编程语言构建的结构,使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码,并提供一些简单的接口规则直接使用。

JavaScript,API和其他JavaScript工具之间的关系

  • JavaScript — 内置于浏览器的高级脚本语言,您可以用来实现Web页面/应用中的功能。 
  • 浏览器API — 内置于浏览器的结构程序,位于JavaScript语言顶部,可以更容易的实现功能。
  • 第三方API — 置于第三方普通的结构程序(例如Twitter,Facebook),可以在自己的Web页面中使用那些平台的某些功能
  • JavaScript库 — 通常是包含具有特定功能的一个或多个JavaScript文件,把这些文件关联到您的Web页以快速或授权编写常见的功能。例如包含jQuery和Mootools
  • JavaScript框架 — 从库开始的下一步,JavaScript框架视图把HTML、CSS、JavaScript和其他安装的技术打包在一起,然后用来从头编写一个完整的Web应用。 Vue, React前端框架

APIs 能做什么

  • 操作加载在浏览器中的documents的APIs:  DOM API。
  • APIs that fetch data from the server: (无需刷新reload整个页面),如XMLHttpRequest。 术语Ajax。Rails.ajax是用XMLHttpRequest写的。vueresource插件也用了XMLHttPRequest。
  • APIs用于画画和操作图形:如 Canvas ,可以创建2D,3D场景。
  • 音频视频API, HTMLMediaElement.
  • 设备API.系统通知(参见Notifications API)或振动硬件(参见Vibration API
  • 客户端储存API: 让设备在处于脱机状态时可用。例如使用Web Storage API的简单的键/值存储以及使用IndexedDB API的更复杂的表格数据存储。

How do APIs work?

不同的Api通常有共同的特征和相似的主题。

基于对象

它们有可识别的入口点:

比如DOM api, 入口点是Document对象,或者一个HTML元素的实例,var em = document.getElementById('id')

它们使用event to handle changes in state

当事件触发,运行函数的处理程序属性。



猜你喜欢

转载自www.cnblogs.com/chentianwei/p/9690896.html