写在前边：因为项目是用vue.js框架实现，所以以下代码是vue.js语法。首先，看一下Dom元素（video相关属性和事件）： {代码...} 其次，是javascript部分代码： {代码...} 经过测试，在小米手机Mix2机型上，可以展示封面；建议：由于移动端手机机型众多，视频在移动端的播放限制也比较多，所以封面的处理最好放在服务端处...

运行时性能优化1.减少重绘重排浏览器渲染过程解析HTML生成DOM树；解析CSS生成CSSOM规则树；将DOM树与CSSOM规则树合并在一起生成渲染树；遍历渲染树开始布局，计算DOM节点的大小和位置；调用GPU绘制，合成图层；将渲染树每个节点绘制到屏幕。重排当改变DOM元素位置或大小时，会导致浏览器重新生成渲染树，这个过程叫重排...

为什么要做性能优化？性能优化有多重要？网站的性能对于用户的留存率、转化率有很大的影响，直白的说，提高网站的性能可以直接提高网站带来的收益。性能优化的分类前端的性能优化主要分为两类：加载时优化；运行时优化；例如压缩文件、使用CDN加载静态资源属于加载时优化；及时的解绑事件、减少DOM的操作属于运行时优化...

其实现原理就是先把服务端返回的数据流通过URL.createObjectURL()方法转成一个URL，这个URL是存放在内存中的，URL的生命周期是和创建的它的document绑定，也就是说在document unload的时候也会得到内存释放；然后通过设置<a></a>的download属性值，从而实现导出功能，最后再手动释放下创建的URL对象的内存。

在用vuejs做的SPA单页面应用，router模式为history模式，应用是个商城，在进入商品详情页时，第一次进入页面提示签名无效，手动刷新一下就ok，很是烦躁，经过不懈努力，终于解决。