解决方法一：计算出宽高大小
出现该错误的原因是在于：视频的宽度必须是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.
transition有四个属性，很多人都会遗忘，分别是transition-property，transition-duration，transition-timing-function，transition-delay，尤其是transition-delay，这个可以实现延迟动画
另外，我们做路由的时候要有意的根据页面等级做出路由的长度 比如 /a是一级的页面/a/b是二级的页面，下面的文章大家也可以通过判断path的长度来计算rank值，不用有意自定了 这样做的好处有两点，一个就是前进刷新，后退不刷新，还有就是，如果我们做页面进出效果的时候也能排上用场。
vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”，于是就关闭了vue说明文档。
那缺少的elementui文件去哪里找呢？答案是cdn引用。
nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。
然后你再使用 npm run build 打包的时候，会弹出一个界面 当然了，它第一次出来的时候我立马关了，这啥玩意？？？别着急你慢慢的品，慢慢的看。 原来 这是打包后的JS，面积的大小就是体积的大小。这样我们一目了然的看到了到底那里大了
VUE-CLI 3.0项目使用CDN方式引用v-charts，webpack配置external，使用{"v-charts":"VeIndex"}
使用vue-cli创建项目，使用webpack打包。其中，有一个webpack优化webpack.optimize.CommonsChunkPlugin，它会将node_modules中的必需模块提取到vendor文件中，项目开发中，增加第三方模块，比如element-ui、vue-echarts等，vendor的包都会增大。这个时候，就需要考虑减轻vendor包的大小，增加构建速度。我们可以使用webpack的外部扩展(externals)功能。
anyproxy-ca 运行这个命令，如果是mac电脑他会提醒你去通过证书。
localStorage作为HTML5中的新特性，它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西，的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。