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的更多相关文章

  1. 学习ASP.NET Web API框架揭秘之“HTTP方法重写”

    最近在看老A的<ASP.NET Web API 框架揭秘>,这本书对于本人现阶段来说还是比较合适的(对于调用已经较为熟悉,用其开发过项目,但未深入理解过很多内容为何可以这样“调用”).看到 ...

  2. js学习---常用的内置对象(API)小结 :

    内置对象(API): 日期 Date: getFullYear() 返回完整的4位的年份  如:2016 getMonth()    返回月份,从0开始 getDate()   返回当前月的第几天,当 ...

  3. Asp.Net Core 3.1 学习3、Web Api 中基于JWT的token验证及Swagger使用

    1.初始JWT 1.1.JWT原理 JWT(JSON Web Token)是目前最流行的跨域身份验证解决方案,他的优势就在于服务器不用存token便于分布式开发,给APP提供数据用于前后端分离的项目. ...

  4. Asp.Net Core 3.0 学习3、Web Api 文件上传 Ajax请求以及跨域问题

    1.创建Api项目 我用的是VS2019 Core3.1 .打开Vs2019 创建Asp.Net Core Web应用程序命名CoreWebApi 创建选择API 在Controller文件夹下面添加 ...

  5. 几个不常用的 Web API

    1. 设备震动 vibrate Navigator.vibrate() 方法使设备(有震动硬件)产生有频率的震动.若设备不支持震动,该方法将无效.若某震动方式已经在进行中(当该方法调用时),则前一个震 ...

  6. 06-Node.js学习笔记-创建web服务器

    创建web服务器 //引用系统模块 const http = require('http'); //创建web服务器 //用于处理url地址 const url = require('url'); c ...

  7. 常用的web api总结

    1.querySelector 获取指定元素中匹配css选择器的元素. // 作用在document document.querySelector("#nav"); // 获取文档 ...

  8. web api 初体验 解决js调用跨域问题

    跨域界定 常见跨域: 同IP不同端口: http:IP:8001/api/user     http:IP:8002/api/user 不同IP不同端口: http://172.28.20.100:8 ...

  9. 使用JS通过Web API执行批量操作,多个操作是一个事务!

    关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复235或者20161105可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...

  10. Asp.Net Web Api 接口

    如何让你的 Asp.Net Web Api 接口,拥抱支持跨域访问.   由于 web api 项目通常是被做成了一个独立站点,来提供数据,在做web api 项目的时候,不免前端会遇到跨域访问接口的 ...

随机推荐

  1. JavaSE——封装

    封装概述 是面向对象三大特征之一(封装,继承,多态) 对象代表什么,就得封装对应的数据,并提供数据对应的行为 封装代码实现 将类的某些信息隐藏在类内部,不允许外部程序直接访问,而是通过该类提供的方法来 ...

  2. cypress初探

    long long ago就已经被各大公众号洗脑这款神奇的工具,那我们一起来学习下吧(基础入门安装,边学习边记录,勿喷谢谢) 第一步:访问官方网站:https://www.cypress.io/ 第二 ...

  3. Veeva_001常见问题总结

    1.时间互动轴:其他代表与该医生的互动记录 2.Call的拜访流程 : 用户在Ipad端先制定计划拜访(已计划:青色)后,需手动同步到服务器上: 进入拜访详细,选择联系人和产品及相关拜访信息等,并'保 ...

  4. Gitlab迁移(亲测)

    1. 概述 当前gitlab部署在k8s内,根据基础设施设计此处不合理,需将gitlab迁移至主机部署的gitlab 当前位置:k8s 集群 迁移后位置:云主机部署gitlab 2. Gitlab从K ...

  5. web基础(4): CSS布局与定位

    chapter 5 CSS 布局与定位 web 前端开发的时候不是马上就考虑字体 字号这些细节,而是要先定下布局,也就是页面结构.    右图中一个个栏目就像是"盒子",每个盒子的 ...

  6. win10系统每次重启桌面图标排列都会改动怎么办

    鼠标右键点击个性化>主题>找到桌面图标设置>把计算机 回收站 用户的文件 控制面板 网络等前面框复选框全部勾选掉,然后在桌面新建文件夹把桌面所有的图标剪切到新建文件里面,然后把新建文 ...

  7. 教你快速理解Linux虚拟化网络的全脉络,正确配置网络联通性。

    https://www.bilibili.com/video/BV1iy4y177f4?p=12 实用的干货快先码起来,说不定以后会用到哟

  8. 虚拟机搭建linux环境&&使用winscp连接搭建好的linux环境步骤

    一.需要的工具 虚拟机应用程序.一个镜像(ubuntu等).winscp可执行程序 二.安装虚拟机以及插入镜像 1)选择虚拟机 我安装的是VMware 就是这个,因为之前用的都是vitualbox现在 ...

  9. WPF学习笔记-数据采集与监控项目02-主界面(页面切换,抽屉侧滑栏效果)

    以下是视频学习笔记 https://www.bilibili.com/video/BV1gq4y1D76d?p=28 1,页面切换和命令绑定 效果 实现思路 2,弹出抽屉侧滑窗的效果 [2.1]效果 ...

  10. VMware Workstation 未能启动VMware Authentication Service

    (1)今天像往常一样打开vmware启动虚拟机,但是弹出个框,显示VMware Workstations 未启动VMware Authorization Service,让我尝试手动启动. (2)Wi ...