javascript截取video视频第一帧作为封面方案

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

前端性能优化(二)

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

前端性能优化(一)

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

web前端以文件流的形式导出Excel文件

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

vuejs构建的单页面应用history模式子页面微信分享在iOS中遇到的问题

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