Media Source 系列 - 使用 Media Source Extensions 播放视频

终于有时间写关于 Media Source Extensions (后面简称 MSE) 。Media Source Extensions 是在 2016年成为推荐的的 Html5 API。 This specification extends HTMLMediaElement [HTML51] to allow JavaScript to generate media streams for 详情 »

使用 prefetch 全量加载 音频或者视频

之前写过 《如何强制Html5视频进行全量加载》, 大致实现原理是 通过 XHR 进行资源的请求,然后在通过 URL.createObjectURL 创建一个本地播放对象。初次之外,我们现在还可以通过 prefetch 来实现视频的预加载。 Prefetch Prefetching 是 W3C 新草案提出一种资源预加载的的标记。它允许你提前将一些将来的用到的资源或者图片提前进行请求,并将它存在缓存中方便你调用; <link rel="prefetch" href= 详情 »

记一次 inline-block 在模板渲染引起的异常

最近在做 nunjacks 的 模板替换工作。然后在做 {% for %} 的时候遇到一个问题: {% for item in episodes %} <div {{ item.itemAttr }} class="{{ item.itemClass }}"> <a href={{ item.url }}>{{item. 详情 »

Daycaca - a simple image tool

Recently we have released our new image tool daycaca. A pure JS library to handle image via canvas <Canvas> is a magic element which 详情 »

[转] 用 Node.js 实现 BigPipe

原文地址: https://github.com/undoZen/bigpipe-on-node @ undoZen BigPipe 是 Facebook 开发的优化网页加载速度的技术。网上几乎没有用 node.js 实现的文章,实际上,不止于 node.js,BigPipe 用其他语言的实现在网上都很少见。以至于这技术出现很久以后,我还以为就是整个网页的框架先发送完毕后,用另一个或几个 ajax 请求再请求页面内的模块。 详情 »

设置 video 的 playbackRate 属性

最近遇到的一个问题,就是我们通常设置视频或者 video 标签的播放速度的时候是通过 playbackRate 来实现的,比如我们需要快速播放或者慢速播放。 其中 playbackRate 的设置区间为[ 0.5 - 4]。 video.playbackRate = 2; 但是我们在使用过程中发现。 playbackRate 表示在播放过程中的调整播放速率,如果我们更换 src 后,效果将不在有用。 defaultPlaybackRate 表示在播放前设置当前 详情 »

蒙德里安化 - 关注2018年设计趋势

2017年,出现了太多关于对从传统经典的艺术风格转化为现代化的 UI 设计或者插图。其中,我们不得不提及 皮特·蒙德里安 (Piet Cornelies Mondrian,1872年3月7日-1944年2月1日)。荷兰画家,风格派运动幕后艺术家和非具象绘画的创始者之一,对后代的建筑、设计等影响很大。自称“新造型主义”,又称“几何形体派”。成名作就是下面这幅: 这种风格,老实说,我也没欣赏过来,可能是时代的代沟吧 详情 »

[转]git上只做文件大小写重命名的修改时,如何躲坑...

原文地址: http://blog.csdn.net/get_set/article/details/51018142 @ 享学IT 一、 提交时 假设修改ABC.java为Abc.java。 1.1 如果使用git命令进行仅涉及大小写的重命名 1.1.1 设置git库为大小写敏感(不建议) $ git config 详情 »

分享一组 iPhone X UI 交互动效

iPhone X 发布后,很多用户已经上手了当前最好的 iPhone 手机。当让,对于开发者和设计师而言,这无疑又是激发创意的时候。自己收藏了一些个人认为非常 酷炫 的交互设计稿,希望可以激发大家的灵感。 Multitasking messenger UI by Cuberto Important messenger feature by Cuberto Error II by 详情 »

手写一个自己的 JavaScript Promise 类库

终于有时间写这篇文章了, ES2015 推出了JS 的 Promise ,而在没有原生支持的时候,我们也可以使用诸如 Promises/A+ 的库的帮助,在我们的代码里实现Promise 的支持; 如何使用 Promise 在讲具体实现之前我们还是先了解下我们如何使用 Promise 在我们的代码中。 function getData() { return new Promise((resolve, reject)=>{ request( 详情 »