经百度发现是因为create-react-app脚手架版本过低，需要升级版本。于是先npm uninstall -g create-react-app删除旧版，再npm install -g create-react-app重新安装即可。
background: #f7d79b;background:linear-gradient(to bottom,#f7d79b 0%,#f7d79b 50%,#F8D18C 50%,#F8D18C 75%,#F6D494 75%,#F6D494 100%);background-size:100% 4px;这里权当记录一下，下次拿来主义。
通过box-shadow来实现滚动条带有进度背景色。
new DOMParser().parseFromString()及document.createRange().createContextualFragment()可以将HTML字符串转换为DOM对象。
本例共有AJAX、Fetch两种实现方法代码片段，仅供参考。
ios设备竖屏切换到横屏时候，字体会发生变化的情况。用text-size-adjust : none方法可以解决此类问题。
vue cli脚手架可以通过配置filenameHashing选项默认情况下为true，生成的静态资源在它们的文件名中包含了hash以便更好的控制缓存。然而，这也要求index的HTML是被Vue CLI自动生成的。如果你无法使用Vue CLI生成的index HTML，你可以通过将filenameHashing选项设为false 来关闭文件。
组件都是通过一个一个文件去引用和注册。如果一个组件在整个项目里面的使用次数较多，每一次使用都需要引用并注册，就会显得特别麻烦
调试中看：source标签src属性赋值成功，但浏览器并没有发起请求去获得相应的视频。因此可以推断出来：当video中存在source标签的时候，浏览器渲染之后会自动去获取地址，即便地址改变，
浏览器也不会再去获取地址。但是通过动态的插入source标签的方式，可以触发浏览器进行重排，从而去获取相应地址的文件进行播放。
new Date()格式化在Safari中为Invalid Date。 Safari浏览器应该用‘2017/10/23’来代替‘2017-10-23’
