我第一次对网页全屏模式有概念，是那种网页播放视频的全屏播 放的那种。感觉很强，前几个星期有个需求也是关于全屏模式的，接触之后才知道全屏模式并不神秘，是个很容易掌握的技能... 进去看看，玩一下，本文将结合这个demo一起进行讲解。 我把全屏模式封装在一个类里面，在代码中有详细的…

主要内容： 介绍了浏览器的API —— audioContext，六个demo由简至繁展示方法的使用

onfullscreenchange事件触发的时刻的有2个：一是进入全屏时，二是退出全屏时。也就是说如果全屏模式的状态发生了改变，那么onfullscreenchange事件就会被触发 验证onfullscreenerror事件最简单的方式就是：在事件监听器之外发起全屏请求。 …

前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 | 用途 |…

HTML5 提供了 geolocation API，用于提供位置相关服务。 地理位置 API 通过window.navigator.geolocation提供。在使用之前需要进行判断该对象是否存在，如果存在的话，那么位置信息可用 我们可以通过使用getCurrentPositi…

介绍两个DOM API，DOMParser和XMLSerializer，一个是HTML字符串解析成DOM tree，另外一个是把DOM tree序列化成字符串，正好功能相反，有兴趣可以了解下。

Blob Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。 要从其他非blob对象和数据构造一个Blob，请使用 Blob()…

最近工作一直在使用vue+vux做移动端项目，有一个拍照上传照片的需求，发现vux里并没有实现，调研过非官方的vux-uploader后，感觉还不是很理想。 其实网上已经可以找到很多已经实现的成熟方案，但是在调研这个需求的时候，我发现在各种实现方案中也有一些puzzle的知识点…

1、利用popstate事件，点击浏览器前进，后退会触发popstate事件。 2、利用hashchange事件，页面hash改变是会触发此事件（适合react，vue单页面应用）。 可参考相关文档。 如上图，假设当前页面是A页面，跳转到B页面，B页面打开dialong弹窗，这…