仗剑天涯，从摘要开始

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

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

js-cookie 官方文档里面就详细的介绍了es5怎么引用，以下是ES6以上的用户一、安装npm install js-cookie --save二、引用import Cookies from 'js-cookie'三、一般使用存到Cookie去// Create a cookie, valid across the entire site:Cookies.set('name', 'value');// Create a cookie t...

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

你真的了解FastClick吗？前段时间在做公司官网手机端菜单部分的时候，遇到一些很诡异的点击问题。比如菜单点击无效/双击才有效、在手指滑动的时候会触发点击事件、以及同样的事件处理在微信跟浏览器会有不一样的表现等等，这些问题我一直试图用一些移动端事件的hack来解决，到最后还是有两个问题没有解决掉。后来意识到可能是引入的插件导致的事件冲突引起，因为一直都在全局引入了fastclick，以及最初...

为什么要使用FastClick移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。项目地址：https://github.com/ftlabs/fastclickFastClick的使用安装fastclick安装fastclick可以使用npm，Component和B...

Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中，通过GitHub上根据star...