javascript以浏览器为例，它提供的额外API可以分为三大类。

最新推荐文章于 2024-02-24 00:00:00 发布
原创 最新推荐文章于 2024-02-24 00:00:00 发布 · 581 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了JavaScript如何通过宿主环境如浏览器或服务器提供API来实现复杂操作与效果。浏览器作为最常见的宿主环境，提供了三类核心API。

导语：javascript想要实现其他复杂的操作和效果，都要依靠宿主环境提供API。目前已经嵌入javascript的宿主环境有多种。最常见的环境就是浏览器，另外还有服务器环境。以浏览器为例，它提供的额外API可以分为三大类。
在这里插入图片描述

使用基于 WebRTC 的 JavaScript API 在浏览器环境里调用本机摄像头
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
03-29 3491
HTML5，JavaScript 和现代浏览器这套三驾马车的组合，使得如今的 Web 应用能实现更多更丰富的用户交互功能。本文介绍了基于WebRTC技术使用 JavaScript 调用本机摄像头的解决方案。WebRTC是一个开放的 Web标准实现，可在所有主流浏览器中通过JavaScript调用。
【整理】浏览器API概览及使用示例一百条
最新发布
七月
08-27 1504
后面会把一些不常用的API以单篇文章的形式详细说明用法以及延申用途如果文章对您有所帮助，请帮我点个免费的赞，拒绝白嫖从我做起，我是七月、期待您的关注。
【JavaScript】使用浏览器提供的 API
好久不见的流星
02-24 1424
浏览器 API 为 Web 开发者提供了丰富的功能，Geolocation API、Canvas API、Web Audio API 等都是强大的工具，可以在 Web 应用中实现地理位置获取、图形绘制和音频处理等功能。通过合理运用这些 API，你可以打造出更加丰富、交互性强的 Web 应用。希望通过本篇博客，你对这些浏览器 API 有了更深入的了解，并能够在实际项目中巧妙地应用它们。
浏览器原生的JavaScript API-汇总
weixin_39273589的博客
10-13 1501
`navigator.serviceWorker.register('payment-handler.js', { type: 'payment-handler' })`：注册支付处理程序。- `var db = openDatabase('mydb', '1.0', 'My database', 2 * 1024 * 1024)`：打开数据库。- `navigator.getBattery().then(function(battery) {...})`：获取设备电池对象。
02-JS基础-浏览器API
itwangyang520的博客
06-16 1918
JS基础-浏览器API 第0章 API介绍 HTML：用来存储网页内容; CSS：用来定义这些内容的显示样式； JavaScript：用来创造丰富的页面效果或者网页应用。 0.1 API 介绍 API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。 任何开发语言都可以有自己的API API的特征输入和输出(I/O) API的使用方
JavaScript工具：用JavaScript调用浏览器api,实现web应用录屏功能
olderandyanger的博客
12-23 1345
前端实现录屏功能
Swagger UI是一个HTML、JavaScript和CSS资源的集合，它可以从遵从Swagger的API动态生成漂亮的文
05-21
1. **可视化文档**：Swagger UI将枯燥的API定义转换为易于理解的图形界面，使开发者可以快速浏览和理解API的结构。 2. **实时测试**：开发者可以直接在界面上发送GET、POST等HTTP请求，查看返回的数据，无需编写额外...
javascript 获取浏览器版本
10-24
JavaScript提供了多种方式来检测用户浏览器信息，但没有直接的API可以返回浏览器名称和版本。通常，我们需要借助`navigator.userAgent`字符串，它包含有关用户浏览器的详细信息。通过分析该字符串，我们可以推断出...
精选资源
js-jose：JavaScript库，用于以JSON Web加密（JWE）格式加密解密数据并以JSON Web签名（JWS）格式签名数据。 利用浏览器的本地WebCrypto API
02-03
Jose JWE和JWS的Javascript库 总览 JavaScript库，用于对JSON Web加密（JWE）和JSON Web签名（JWS）格式的数据进行签名/验证和加密/解密。... 该库使用Web Crypto API，该API在（最近的浏览器）[ ]中可用。
使用 Javascript 实现浏览器推送提醒功能的示例
10-19
总的来说，JavaScript的`Notification` API提供了一种强大的方式来实现在浏览器中的推送提醒。通过正确地请求用户权限、定制推送内容并处理用户交互，开发者可以创建出富有吸引力和互动性的Web体验。然而，鉴于不同...
运行环境-浏览器API
lovepink527的博客
11-08 922
1.浏览器提供的符合W3C标准的DOM操作API、浏览器差异、兼容性 2.浏览器提供的浏览器对象模型 (BOM)提供的所有全局API、浏览器差异、兼容性 3.大量DOM操作、海量数据的性能优化(合并操作、Diff、requestAnimationFrame等) 4.浏览器海量数据存储、操作性能优化 5.DOM事件流的具体实现机制、不同浏览器的差异、事件代理 6.前端发起网络请求的几种方式及其底层实现、可以手写原生ajax、fetch、可以熟练使用第三方库 7.浏览器的同源策略，如何避免同源策略，几种方式的异
40、浏览器API（小实验）：动手整理全部API
所学所思
02-14 1468
今天我们来讲讲浏览器API。浏览器的API数目繁多，我们在之前的课程中，已经一起学习了其中几个比较有体系的部分：比如之前讲到过的DOM和CSSOM等等。但是，如果你留意过，会发现我们讲到的API仍然是标准中非常小的一部分。这里，我们不可能把课程变成一本厚厚的API参考手册，所以这一节课，我设计了一个实验，我们一起来给API分分类。我们按照每个API所在的标准来分类。所以，我们用代码来反射浏览器环境中全局对象的属性，然后我们用JavaScript的filter方法来逐步过滤掉已知的属性。接下来，我们整理API
js篇--学习web-api第六天（js三大系列）
weixin_42603991的博客
08-30 180
三大系列 offset系列 1.offsetLeft: 用于获取元素到最近的定位父级盒子的左侧的距离 计算方式：当前元素的左边框的左侧到定位父级盒子的左边框的右侧 如果父级盒子没有定位，那么接着往上找有定位的盒子，若都没有，则最后距离是与body的left值。 元素名.offsetLeft——我们看见的值，window.getComputedStyle（元素名，null）.left——真实设置的值...
看了就会的 Node.js 三大基础模块常用 API
u012384510的博客
04-06 474
大家好，我是若川。欢迎加我微信ruochuan12，加群交流学习。今天分享一篇nodejs基础的文章。点击下方卡片关注我，或者查看源码等系列文章。在日常使用 Node 进行开发的时候，会...
清风陪你学习-JavaScript-浏览器的API（一）
Spirit_Breeze的博客
07-03 1726
JS基础-浏览器API第0章 API介绍HTML：用来存储网页内容;CSS：用来定义这些内容的显示样式；JavaScript：用来创造丰富的页面效果或者网页应用。0.1 API 介绍API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机...
几个移动端浏览器前端常用的JS API接口(很实用)
CodingYuan开发笔记
07-16 3246
在日常开发中总是和各种 API 打交道，我们名为前端工程师实为 API 调用工程师。这篇文章我就分享 7 个有趣的 API，你若通过阅读这篇文章对前端增加一点点的乐趣，对我来说也是一种鼓励。这些API在不同的浏览器中兼容性也不一样，使用前请仔细审查。 API使用示例 我们先看下其中几个API的实战效果图： 浏览器常用的API接口 1. 监听屏幕旋转变化接口: orientationchange 定义： 这个 API 可以将你手机是否横屏的情况暴露给需要知道的人知道。 使用： ...
浏览器对象模型以及常见API
窄门狭路的博客
04-30 415
浏览器对象模型常见API 及用法 什么是浏览器对象模型 BOM ：Browser Object Model（浏览器对象模型）,浏览器模型提供了独立于内容的、可以与浏览器窗口进行滑动的对象结构，就是浏览器提供的 API 其主要对象有： window 对象——BOM 的核心，是 js 访问浏览器的接口，也是 ES 规定的 Global 对象 location 对象：提供当前窗口中的加载的文档有关的信息和一些导航功能。既是 window 对象属 性，也是 document 的对象属性 navigation 对象
通过使用的新的浏览器API过滤多余节点
quake_walk的专栏
09-10 438
DOM属性诸如childNoes，firstChile和nextSibling不区分元素节点和其他类型节点，比如注释和文本节点（通常只是两个节点间的空格）。很多情况下只需要访问元素节点，因此在循环中需要检查返回节点的的类型并过滤掉非元素节点。这些类型检查都是不必要的DOM操作。 许多现代的浏览器提供的API可以只返回元素节点。如果可用的话推荐使用这些API，因为它们的执行效率比自己在JavaSc
JS之Web API
狡辉两门的博客
03-20 1071
WebAPI 和标准库不同，WebAPI是浏览器提供的一套API，用于操作浏览器窗口和界面 WebAPI中包含两个部分： BOM：Browser Object Model，浏览器模型，提供和浏览器相关的操作 DOM：Document Object Model，文档模型，提供和页面相关的操作 BOM BOM提供了一系列的对象和函数，提供和浏览器本身相关的操作 window 全局对象 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/windo
History.js：跨浏览器支持HTML5 History API的JavaScript库
此外，为了提升开发者的集成便利性，History.js 主动适配了当时流行的三大 JavaScript 框架/库：jQuery、MooTools 和 Prototype，提供了相应的插件接口，使开发者可以在已有的技术栈中无缝引入 History.js 而无需...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值