由于公司的项目是网上教育的，像网易云课堂那种教育网站，因而会有很多课程需要在线观看的，所以视频插件是必不可少的。由于我用vue开发项目，所以找视频插件也找和vue贴近的。最后选择了vue-video-player。这个视频插件还是挺好用的，好多事件都是可控的，挺方便的。首先 npm installvue-video-player -S;然后再main.js进行配置：然后就可以在组件中使用了。常用参

之前做移动端适配时，基本上是采用rem方案，现在发现了一个新的方案，就是用viewport单位，现在viewport单位越来越受到众多浏览器的支持postcss-px-to-viewport，将px单位自动转换成viewport单位，用起来超级简单，文档https://github.com/evrone/postcss-px-to-viewport/blob/HEAD/README_C...

答：一般来说，可以在，created，mounted中都可以发送数据请求，但是，大部分时候，会在created发送请求。Created的使用场景：如果页面首次渲染的就来自后端数据。因为，此时data已经挂载到vue实例了。在 created（如果希望首次选的数据来自于后端，就在此处发请求）（只发了异步请求，渲染是在后端响应之后才进行的）、beforeMount、mounted（在mounted中发

原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低（1）、npm uninstall webpack-dev-server（2）、npm install webpack-dev-server@2.9.1（3）、npm run dev=====...

关键点1.img中的src的字符串动态拼接2.style中的background属性赋值一.img中的src的字符串动态拼接1.问题是这样子的,瞧瞧基本网络链接 :http://openweathermap.org/img/w/02n.png; 但是了字符'02n'是动态的,切换它可以获取不同的天气图片,如果这样的链接在vue的v-for中该如何拼接字符串了,下解:...

之前用@load的时候总是不生效。其实原因是这样的：image src有值的时候，才开始加载onload事件是在src的资源加载完毕的时候，才会触发这样的话，在img标签的src属性填充上值之后，就可以等待onload事件的触发了。...

关键点1.img中的src的字符串动态拼接2.style中的background属性赋值一.img中的src的字符串动态拼接1.问题是这样子的,瞧瞧基本网络链接 :http://openweathermap.org/img/w/02n.png; 但是了字符'02n'是动态的,切换它可以获取不同的天气图片,如果这样的链接在vue的v-for中该如何拼接字符串了,下解:...

Vue-Quill-Editor主流富文本编辑器对比前言：vue中很多项目都需要用到富文本编辑器，在使用了ueditor和tinymce后，发现并不理想。所以果断使用vue-quill-editor来实现。wangEditor（国产，基于javascript和css开发的web富文本编辑器，开源免费）优势：轻量简介，最重要的是开源且中文文档齐全。缺点：更新不及时。没有强大的开发团队...

css的伪元素，之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。如下图，是伪元素在html代码机构中的展现，可以看出无法伪元素的结构无法审查。css有一系列的伪元素，如:before，:after，

前端播放rtmp协议的视频流文件最近公司的项目中需要在大屏可视化的页面中的一个位置是视频监控的，需求大概是这样的：大屏右下角布局中有六个div，每个可以实时播放监控视频点击某个视频全屏放大，自动播放先用图片占个位，大概就是这样，很常见的需求，开发起来还是遇到了一些问题，这里分享一下。我们都知道H5的video标签一共支持三种格式的视频文件：Ogg, MPEG4, WebM,这三种格式对于浏览器的兼