![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web API
Web API 学习
benwalker
这个作者很懒,什么都没留下…
展开
-
Web API 之 — Beacon
Beacon 的作用是用来向服务器发送一个异步非阻塞的请求。这个请求不会因为页面 unload 的发生而中止,并且不会阻塞页面 unload。所以 Beacon 被使用于在离开页面前,向服务端发送页面统计分析数据。我们总结一下,在 Beacon 之前,要想在页面离开前,向服务端发送数据的传统方法。同步 xhr由于浏览器在处理 unload 事件时,会忽略掉异步 xhr,那么为了保证请求发送成功,就需要使用同步的 xhr。如下所示:window.addEventListener("unload",原创 2020-08-19 00:01:40 · 774 阅读 · 0 评论 -
Web API 之 — Web Animations
现代的前端,在页面上做动画,已经是家常便饭。浏览器的渲染性能也越来越好,并且还逐渐提供了一系列的 Web Animations API。此 API 让开发者可以使用 js 来创建动画,相比之前使用 css 做动画会方便很多,同时相比以前传统的用 js 做的动画会更加高效,并且相信未来此 API 的能力会越来越大。Web Animations 可查看 w3c 的规范文档。在 caniuse 上,可查看浏览器的支持情况,如下:可看到,目前主流浏览器均已支持此 API 的基本功能。下面我们就来学习一下此 A原创 2020-07-30 01:12:46 · 664 阅读 · 0 评论 -
Web API 之 — Console API
console.log()是我们调试代码中常用的一个方法,除此之外,web 标准中,console 是有很多有意思的特性,使用这些特性,可以给你的开发工作增添不一样的颜色。console 是通过全局对象访问。在 whatwg 的规范中,console 上的方法可以分为4类:Logging、Counting、Grouping、Timing。下面我们就逐个梳理一下。Loggingconsole 提供了各种形式的日志输出,包括:log()、info()、warn()、error()、debug()、asse原创 2020-07-21 22:29:28 · 630 阅读 · 0 评论 -
Web API 之 — Fullscreen API
今天突然发现 Fullscreen API 竟然是在 Element 上的方法,之前一直以为,这个肯定是 window 上的,所以今天就来梳理一下这块儿的知识,全面地了解一下。首先 Fullscreen API 提供的方法都是作用在 Element 和 Document 上的,所以,是可以让某个元素全屏展示的。接下来,我们来看如何全屏和退出全屏。全屏和退出全屏全屏对应 Element.requestFullscreen() 和退出全屏对应 Document.exitFullscreen(),你没看错,原创 2020-07-11 21:38:37 · 1119 阅读 · 0 评论 -
Web API 之 — URL API
URL API 是浏览器根据 Whatwg 的标准[https://url.spec.whatwg.org/]实现的一组 API。通常自己去写正则或循环去解析 URL 时,很难考虑全各种边边角角的问题,导致意想不到的错误。而有了这组 API,就可以方便准确地进行 URL 解析了。URL 的组成URL 的规范可以查看 ietf 的标准[https://tools.ietf.org/html/rfc3986],这里就简单说明一下其组成。拿这个例子来看:http://www.example.com:8080原创 2020-07-04 22:18:17 · 2035 阅读 · 0 评论 -
Web API 之 — History API
History API 允许我们用 js 来操作和访问用户的会话历史记录。在前端路由系统中,History 被广泛使用(对于不支持 History 的老 ie,可以使用 hashchange 事件处理)。History API 都是一些简单好用的功能,没有复杂的功能,知识点也少,今天就来温习一下这组 API。后退和前进先来学习两个基本 api。history.back() // 顾名思义,回退到前一个历史点。和浏览器中 回退 按钮一个效果history.forward() // 顾名思义,前进到下一原创 2020-07-03 22:13:30 · 525 阅读 · 0 评论