JS学习-常用的Web API
web API
| 分类 | 链接 | 描述 |
|---|---|---|
| 操作文档的API | 操作document | dom,html,svg |
| 从服务器获取数据的API | XMLHttpRequest | XMLHttpRequest(XHR)对象用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL,获取数据。这允许网页在不影响用户操作的情况下,更新页面的局部内容。 |
| Fetch | Fetch API 提供了一个获取资源的接口(包括跨域请求)。 | |
| 用于绘制和操作图形的API | Canvas | Canvas可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。 主要聚焦于2D图形。 |
| WebGL | WebGL可在任何兼容的Web浏览器中渲染高性能的交互式3D和2D图形,而无需使用插件。 | |
| SVG | 可缩放矢量图形(简称SVG)允许你使用矢量线,矢量图形,确保无论图片大小都可以比例平滑地显示. | |
| 音频和视频API | HTMLMediaElement | HTML Media Element API在属性和方法中添加了 HTML元素来支持基础的媒体相关的能力,就像audio和video一样。 |
| Web Audio API | Web Audio API 提供了在Web上控制音频的一个非常有效通用的系统,允许开发者来自选音频源,对音频添加特效,使音频可视化,添加空间效果 (如平移),等等。 | |
| WebRTC | WebRTC (Web Real-Time Communication) 是一个可以用在视频聊天,音频聊天或P2P文件分享等Web App中的 API。 | |
| 设备API | Notifications API | Notifications API 允许网页控制向最终用户显示系统通知 —这些都在顶级浏览上下文视口之外,因此即使用户已经切换标签页或移动到不同的应用程序,也可以显示。 |
| Navigator | Navigator 接口 表示用户代理的状态和标识。 比如来自用户摄像头的地理信息、用户偏爱的语言、多媒体流等等。 | |
| Geolocation | Geolocation 接口是一个用来获取设备地理位置的可编程的对象,它可以让Web内容访问到设备的地理位置,这将允许Web应用基于用户的地理位置提供定制的信息。 | |
| Vibration API | Vibration API为Web应用程序提供访问 振动硬件 (如果存在)的功能,如果设备不支持此功能,则不会执行任何操作。 | |
| 客户端存储API | Web Storage API | Web Storage API 提供机制, 使浏览器能以一种比使用Cookie更直观的方式存储键/值对。 |
| IndexedDB API | IndexedDB 是一种底层 API,用于在客户端存储大量的结构化数据(也包括文件/二进制大型对象(blobs))。 | |
| 常见第三方API | Twitter API | 允许您在您的网站上展示您最近的推文 |
| Google Maps API | 允许你在网页上对地图进行很多操作(这很有趣,它也是Google地图的驱动器)。 | |
| Facebook suite of API | 允许你将很多Facebook生态系统中的功能应用到你的app,使之受益,比如说它提供了通过Facebook账户登录、接受应用内支付、推送有针对性的广告活动等功能。 | |
| YouTube API | 允许你将Youtube上的视频嵌入到网站中去,同时提供搜索Youtube,创建播放列表等众多功能。 | |
| Twilio API | 其为您的app提供了针对语音通话和视频聊天的框架,以及从您的app发送短信息或多媒体信息等诸多功能。 | |
| New York Times API | 检索纽约时报的新闻故事信息 | |
| YouTube Data API | 搜索 YouTube 视频并返回结果。 | |
| YouTube IFrame Player API | 把返回的视频查询结果展示到 IFrame 视频播放器里 |
WebGL 库
| 库名 | 功能介绍 |
|---|---|
| Three.js | Three.js, 和其他3D库一样, 提供内置的helper 函数来帮助你尽可能快地实现通用的3D功能 |
| PlayCanvas | PlayCanvas是一种流行的 3D WebGL 游戏引擎,最初由 Will Eastcott 和 Dave Evans 创建。 |
| Babylon.js |
canvas 库
| 名字 | 功能 |
|---|---|
| * EaselJS | 使制作游戏、创作类艺术和其他侧重图形项目更容易的开源canvas库 |
| * Fabric.js | 具有SVG解析功能的开源canvas库 |
| * heatmap.js | 基于 canvas的热点图的开源库 |
| * JavaScript InfoVis Toolkit | 创建交互式的2D Canvas数据可视化 |
| * Konva.js | 用于桌面端和移动端应用的2D canvas库 |
| * p5.js | 包含给艺术家、设计师、教育者、初学者使用的完整的canvas绘制功能 |
| * Paper.js | 运行于HTML5 Canvas上的开源矢量图形脚本框架 |
| * Phaser | 用于基于Canvas和WebGL的浏览器尤其的快速、自由、有趣的开源框架 |
| * Processing.js | 用于处理可视化语言 |
| * Pts.js | 在canvas和SVG中进行创意性代码写作和可视化的库 |
| * Rekapi | 关键帧动画库 |
| * Scrawl-canvas | 用来创建和编辑2D图形的开源库 |
| * ZIM 框架 | 为canvas上的代码创意性提供方便性、组件和可控性,包括可用性和数百个色彩缤纷的教程 |
JS学习-常用的Web API的更多相关文章
- 学习ASP.NET Web API框架揭秘之“HTTP方法重写”
最近在看老A的<ASP.NET Web API 框架揭秘>,这本书对于本人现阶段来说还是比较合适的(对于调用已经较为熟悉,用其开发过项目,但未深入理解过很多内容为何可以这样“调用”).看到 ...
- js学习---常用的内置对象(API)小结 :
内置对象(API): 日期 Date: getFullYear() 返回完整的4位的年份 如:2016 getMonth() 返回月份,从0开始 getDate() 返回当前月的第几天,当 ...
- Asp.Net Core 3.1 学习3、Web Api 中基于JWT的token验证及Swagger使用
1.初始JWT 1.1.JWT原理 JWT(JSON Web Token)是目前最流行的跨域身份验证解决方案,他的优势就在于服务器不用存token便于分布式开发,给APP提供数据用于前后端分离的项目. ...
- Asp.Net Core 3.0 学习3、Web Api 文件上传 Ajax请求以及跨域问题
1.创建Api项目 我用的是VS2019 Core3.1 .打开Vs2019 创建Asp.Net Core Web应用程序命名CoreWebApi 创建选择API 在Controller文件夹下面添加 ...
- 几个不常用的 Web API
1. 设备震动 vibrate Navigator.vibrate() 方法使设备(有震动硬件)产生有频率的震动.若设备不支持震动,该方法将无效.若某震动方式已经在进行中(当该方法调用时),则前一个震 ...
- 06-Node.js学习笔记-创建web服务器
创建web服务器 //引用系统模块 const http = require('http'); //创建web服务器 //用于处理url地址 const url = require('url'); c ...
- 常用的web api总结
1.querySelector 获取指定元素中匹配css选择器的元素. // 作用在document document.querySelector("#nav"); // 获取文档 ...
- web api 初体验 解决js调用跨域问题
跨域界定 常见跨域: 同IP不同端口: http:IP:8001/api/user http:IP:8002/api/user 不同IP不同端口: http://172.28.20.100:8 ...
- 使用JS通过Web API执行批量操作,多个操作是一个事务!
关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复235或者20161105可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...
- Asp.Net Web Api 接口
如何让你的 Asp.Net Web Api 接口,拥抱支持跨域访问. 由于 web api 项目通常是被做成了一个独立站点,来提供数据,在做web api 项目的时候,不免前端会遇到跨域访问接口的 ...
随机推荐
- JavaSE——封装
封装概述 是面向对象三大特征之一(封装,继承,多态) 对象代表什么,就得封装对应的数据,并提供数据对应的行为 封装代码实现 将类的某些信息隐藏在类内部,不允许外部程序直接访问,而是通过该类提供的方法来 ...
- cypress初探
long long ago就已经被各大公众号洗脑这款神奇的工具,那我们一起来学习下吧(基础入门安装,边学习边记录,勿喷谢谢) 第一步:访问官方网站:https://www.cypress.io/ 第二 ...
- Veeva_001常见问题总结
1.时间互动轴:其他代表与该医生的互动记录 2.Call的拜访流程 : 用户在Ipad端先制定计划拜访(已计划:青色)后,需手动同步到服务器上: 进入拜访详细,选择联系人和产品及相关拜访信息等,并'保 ...
- Gitlab迁移(亲测)
1. 概述 当前gitlab部署在k8s内,根据基础设施设计此处不合理,需将gitlab迁移至主机部署的gitlab 当前位置:k8s 集群 迁移后位置:云主机部署gitlab 2. Gitlab从K ...
- web基础(4): CSS布局与定位
chapter 5 CSS 布局与定位 web 前端开发的时候不是马上就考虑字体 字号这些细节,而是要先定下布局,也就是页面结构. 右图中一个个栏目就像是"盒子",每个盒子的 ...
- win10系统每次重启桌面图标排列都会改动怎么办
鼠标右键点击个性化>主题>找到桌面图标设置>把计算机 回收站 用户的文件 控制面板 网络等前面框复选框全部勾选掉,然后在桌面新建文件夹把桌面所有的图标剪切到新建文件里面,然后把新建文 ...
- 教你快速理解Linux虚拟化网络的全脉络,正确配置网络联通性。
https://www.bilibili.com/video/BV1iy4y177f4?p=12 实用的干货快先码起来,说不定以后会用到哟
- 虚拟机搭建linux环境&&使用winscp连接搭建好的linux环境步骤
一.需要的工具 虚拟机应用程序.一个镜像(ubuntu等).winscp可执行程序 二.安装虚拟机以及插入镜像 1)选择虚拟机 我安装的是VMware 就是这个,因为之前用的都是vitualbox现在 ...
- WPF学习笔记-数据采集与监控项目02-主界面(页面切换,抽屉侧滑栏效果)
以下是视频学习笔记 https://www.bilibili.com/video/BV1gq4y1D76d?p=28 1,页面切换和命令绑定 效果 实现思路 2,弹出抽屉侧滑窗的效果 [2.1]效果 ...
- VMware Workstation 未能启动VMware Authentication Service
(1)今天像往常一样打开vmware启动虚拟机,但是弹出个框,显示VMware Workstations 未启动VMware Authorization Service,让我尝试手动启动. (2)Wi ...