最近在看直播相关的H5的技术实现，目前有些原生不支持hls直播协议，所以就得使用一些插件，今天我来介绍一个videojs的插件。主要介绍相关插件的HSL部分。 安装与初始化 videojs-contrib-hsl.js 需要依赖于 video.js 因此在页面引用的过程中需要先加载videojs..

接着上一篇博客我们继续相关的讨论。关于web Animation API 和CSS Animation 实现有何区别，这里我们来讲讲。首先会过上一节，当elem.animate()返回一个AnimationPlayer对象，然后动画开始播放。那么动画对象是怎样的： 下面谈谈相关的API 1...

上篇博客提到了WAAPI(Web Animation API)。今天我们就来说一下关于WAAPI相关的概念。WAAPI提出主要将动画的控制交由原生的浏览器去实现。并添加了许多css不具备的变量，控制与调试选项。 我们先上一张图关于CSS3动画相关的。因为从waapi中会找到很多关于css3动画相..

PWA(Progressive Web Animation),这里要强调的此P非彼P(Progressive Web Apps),今天我们谈谈渐进式动画。我们分以下方式引入话题。 1.认识动画 2.操作动画 3.管理动画 4.制作动画 认识动画动画是指由许多帧静止的画面，以一定的速度（比如..

这周的介绍相关循环加载相关的知识点，结合ES6相关技能，做相关学习。 循环加载的表象所谓“循环加载”指的是，a脚本的执行依赖b脚本，而b脚本的执行又依赖a脚本。12345// a.jsvar b = require('b');// b.jsvar a = require('a'); 通常，“循环..

这周遇到一个关于监测统计的需求，看了一下后台同学写的代码，开了一个定时器在前端不断发ajax请求，但是前端滑屏交互复杂，事件会出现无法触发，为了解决这个问题主要是时间片段无法给到手势事件。这也是js单线程的问题所在。解决方法就拜托给web worker – 一个让web应用程序具备多线程处理能力..

这周继续介绍给大家关于css相关的技术文章，关于css动画的steps。 steps介绍 steps()是一个timing function，允许我们将动画或者过渡分割成段，而不是从一种状态持续到另一种状态的过渡。这个函数有两个参数——第一个参数是一个正值，指定我们希望动画分割的段数。 Ste..

好久没有写关于css相关的博客了，结合这周的工作，介绍给大家一个关于很少接触的css特性“writing-mode”。 writing-mode介绍前些天，产品妹子问我能不能实现关于字体的竖版的排版方式，我犹豫了一下，好像曾经在日本的旅游网站见过,查了一下果然有一个属性，没错就是它 - -“wr..