封面和内容拼图（也不知道官方的该怎么称呼这种图片，我这里就先称为内容拼图了）可以让我们对视频有大致的了解，在视频分享网站上很常见。今天说说怎么用FFmpeg+Java生成封面和内容拼图。

根据IntelliJ IDEA中设置Tomcat服务器配置，IntelliJ IDEA运行Tomcat时，采用的是安装目录和工作目录分开的模式。

用tab键来遍历界面上所有可以操作的元素是一个非常普遍的用户交互了，这种交互方式也被成为键盘导航。在网页中，虽然使用这种交互的场景较少，但是对于交互复杂的单页面应用，还是需要键盘导航的，尤其是在需要考虑无障碍的场景。

focus:在元素获得焦点时触发。这个事件不会冒泡;所有浏览器都支持它。

介绍focus事件的时候，一般都是这么一句话，简单易懂，但是，问题是，什么元素是能被focus的呢？

《JavaScript高级程序设计》事件部分笔记。

数据校验虽然简单，但是却是一个繁琐的事。我在无数的代码看到if判断参数，然后错了打日志抛异常，一片一片的这种代码，如果有点重复了，再弄出N个xxUtil来归纳代码。虽然这种做法可以达到效果，但是代码散乱，一个是编写麻烦，一个是不易阅读。

Java业界最喜欢搞规范，所以参数校验作为一个痛点，JSR 303 - Bean Validation规范出现了。

CSS选择器备忘。

jQuery常用方法备忘。

无意发现2017年9月，Chrome推出的61版本已经支持JavaScript Modules了！

我作为一个非前端工作者，业余爱好者，对于前端目前的构建系统是非常恐惧的，gulp，grunt，webpack，browserify，babel等等等等，加上一大坨插件，学习这些构建工具的难度已经超过了我要写的东西的难度了。。而且用了这套系统后，修改代码需要等待编译才能生效，简直是并超越赶上Java的复杂度了。所以最后退回了原始JavaScript的道路。

现在浏览器支持原生Modules了，可以尝试一下，至少在开发的时候，不用编译，等到需要把代码输出到低版本浏览器的时候，再编译一下就行了。而且写出来的文件，可以直接用于Node或者Electron（目前还是不行。。）。

ffmpeg的一些选项是可以作用到具体的stream上的，比如编解码器，是可以指定具体的哪个流用哪种编解码器的。所以需要一种方式能指定具体的流，也就是Stream specifiers。