canvid.js 教程

herman 1天前 26浏览 0评论

很少有人关注canvid.js,大部分人可能还没发现这个js类库。我就只在知乎上看到有人关于它的评论《如何评价canvid.js?》。 canvid.js是什么 canvid.js是一款用于在画布元素上播放视频的小插件。can...

阿里 React 框架 mirror 使用教程

herman 2天前 17浏览 0评论

最近两天阿里一直占据着头条,一个是支付宝小程序,一个是 mirror 的发布。本文将详细的介绍 mirror 的原理,特点和使用。 Mirror 是一款基于 React、Redux 和 react-router 的前端框架,简洁高效、灵活可...

使用jQuery-Seat-Charts插件实现在线电影票选座功能

herman 4天前 37浏览 0评论

最近《战狼2》大火,创造了50亿的票房,打破了多个记录。我相信大部分的小伙伴们都已经去看过了,而且有一部分就是在网上购买的电影票,例如淘宝的淘票票在线选票的功能。网上购票如此的方便,那么我们能用HTML5+JavaScript实现一款在线电影票的...

HTML5的document.querySelectorAll使用教程

herman 6天前 34浏览 0评论

曾几何时,jQuery一度是我们使用率最高的第三方框架了。人们和犯了病一样的,任何项目,不管大小全部都是首先引入jQuery。 这样的怪现象在今后可能会逐渐减少,w3c正在努力人让门减少对jQuery的依赖。因此在HTML5诞生依赖,类似j...

WebVR API和接口大全

herman 1周前 (08-15) 42浏览 0评论

前面一篇我大概说了一下WebVR的内容。本文我将介绍一些谷歌和火狐提供的WebVR相关的api接口的用法。目前这些WebVR的相关API并没有形成一定的标准,后续可能会存在改动。另外个浏览器也都没有对WebVR进行支持。如果你需要测试WebVR相...

响应和触摸式音频播放器Codrops Audio

herman 1周前 (08-15) 38浏览 0评论

Codrops Audio 界面使用纯CSS编写,支持响应式,可以方便在桌面、平板以及手机设备上使用。界面因为是CSS编写,所以如果懂CSS样式,可以自己设计一个新的样式来修改。并且该播放器还支持国际化。 该播放器是一个基于jQuery的音...

使用FullScreen让Video全屏

herman 1周前 (08-14) 44浏览 0评论

经常有网友提到需要让video全屏。其他让video全屏不难,难就难在兼容性。 如果光使用FullScreen api就能全屏的话,就简单了。主要是各种浏览器对w3c的标准用的api不一样。 比如:火狐的Gecko内核要用moz前缀,...

HTML5制作一款程序员老黄历

herman 1周前 (08-14) 58浏览 0评论

日历是我们平时关注不多的但是构造起来极其麻烦的控件。网上有很多开源的jquery插卡或者js日历插件等。这些插件一般都是中规中矩的,缺少搞笑元素。因此我制作了一款程序员老黄历。 该老黄历包含很多搞笑元素,例如随机产生今天的吉利情况,比如:今...

JavaScript实现一块黑白五子棋游戏

herman 1周前 (08-14) 35浏览 0评论

五子棋大家都不陌生吧。以前我们玩的可能是app版的,但是今天我给大家带来一块web版的五子棋。本文制作的黑白五子棋游戏也算是一块HTML5游戏吧。 下面我们先来看看我的五子棋的运行效果。 怎么样看起来是不是很高大上。实际上它的...