秋色园QBlog技术原理解析：Web之页面处理-内容填充(八)

web页面实现全背景视频功能方案：使用bideo.js来处理object-fit在ie浏览器下不兼容问题 web页面实现全背景视频功能方案：使用bideo.js来处理object-fit在ie浏览器下不兼容问题
几种不常用Web API（振动、重力感应、联网状态、系统电量信息、页面可见性、canvas转base64、监听屏幕旋转、元素全屏显示） navigator对象中有一些不常用的API，以下主要介绍vibrate振动,deviceorientation重力感应,online联网状态，getBattery系统电量信息，visibilitychange页面可见性，toDataURL（canvas转base64），orientationchange监听屏幕旋转和fullScreen元素全屏显示。
只需百来行代码，为你的Web页面增加本地文件操作能力，确定不试试吗？ 笔者开源了一个`Web`思维导图[mind-map](https://github.com/wanglin2/mind-map)，数据默认是存储在`localstorage`里，如果想保存到本地文件，需要使用导出功能，下次打开再使用导入功能，编辑完如果又想保存到文件，那么又需要从重新导出覆盖原来的文件，不得不说，可以但不优雅，所以最近增加了直接编辑本地文件的能力，体验了一下，还是不错的，并且就是调调`API`的事情，很简单，何乐而不为。