解决方法一：计算出宽高大小
出现该错误的原因是在于：视频的宽度必须是32的倍数，高度必须是2的倍数
解决方法：
if (screen_width % 32 != 0)
{
screen_width = screen_width / 32 * 32;
}
if (screen_height % 2 != 0)
{
screen_height = screen_height / 2 * 2;
}
解决方法二： scale="854:-2" https://ffmpeg.org/
Instead of
'scale=-2:min(1080\,ih)'
use
'scale=-2:min(1080\,if(mod(ih\,2)\,ih-1\,ih))'
It will check if ih is divisible by 2, and if not, it will decrease it by 1.
js的map、filter的用法
vue-cli是开发vue项目必不可少的脚手架工具，3.0版本之前的目录结构是由config目录的，关于webpack配置的文件都放在该目录里面，而3.0版本之后做了一个大更新，webpack相关的默认配置都帮你集成到webpack的npm 包里面去了，官方提供的一种修改配置的方式就是开发者自己在项目的根目录（与src同层级的目录）下建立一个vue.config.js的文件，然后去覆盖自定义的配置，达到你想要的效果，下面写一个基本的默认配置
js 获取鼠标位置
npm 发布指定文件
本节介绍两个 Vue.js 内置但却不常用的 API——extend 和 $mount，它们经常一起使用。不常用，是因为在业务开发中，基本没有它们的用武之地，但在独立组件开发时，在一些特定的场景它们是至关重要的。
我们用vue的底层方法options，可以解决很多问题。但是这个时候调用方法，this指向会发生很大的变化，会很影响我们的预期，我们可以给方法指定this
transition: property duration timing-function delay transition属性是个复合属性，她包括以下几个子属性： transition-property ：规定设置过渡效果的css属性名称 transition-duration ：规定完成过渡效果需要多少秒或毫秒 transition-timing-function ：指定过渡函数，规定速度效果的速度曲线 transition-delay ：指定开始出现的延迟时间
vue中并没有 @hover 事件，但是可以使用 @mouseenter 和 @mouseleave 来模拟hover操作。
Intellij IDEA,解析less，css
用Vue，extend，做一个全局组件