HTML
文章平均质量分 63
陌尘笑
健身,搞笑,百家论坛,wx‘love
展开
-
HTML5 requestAnimationFrame的使用
在编写HTML小游戏的适时候,基本都有动画的处理。通常情况使用setInterval和setTimeout来实现动画也是可行的,但是浏览器厂商早就已经提出了一个新的API requestAnimationFrame专门用来进行动画的处理。这个API的优势在于1、将动画代码优化到一个回流-重绘的循环中去,使动画更流畅。2、标签页不可见时,暂停动画,减少对CPU和GPU的占用。3、在不支持原创 2015-09-09 18:12:43 · 4079 阅读 · 0 评论 -
javascript判断图片相似度算法
function getHistogram(imageData) { var arr = []; for (var i = 0; i < 64; i++) { arr[i] = 0; } var data = imageData.data; var pow4 = Math.pow(4, 2); for (var i = 0, len转载 2015-09-14 10:18:42 · 4448 阅读 · 1 评论 -
HTML5(javascript) Audio/video标签属性常用方法
标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条Html代码 1. id="media" src="http://www.abc.com/test.mp3" controls> 标签属性:src:视频的URLposter:视频封面,没有播放时显示的转载 2015-10-23 13:40:55 · 3010 阅读 · 0 评论 -
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别
因为最近在做web方面的东西,发现一个简单的pageX 在iPhone上的微信内置浏览器是起作用的,而在Android手机上的微信内毫无作用。所以就去查了下。把常用的区别列下,减少以后其他同仁走我的弯路。screenX:鼠标在显示屏幕上的坐标。clientX:鼠标在页面显示区域的坐标。(这个参考点是左上角,但是当浏览器滚动了以后参考点是新滚动到的左上角不是原始点,参考点会发生变化,转载 2015-10-09 17:40:29 · 999 阅读 · 0 评论 -
javascript预加载图片的处理(src无法加载图片)
当我们需要多多图片的处理时候,很可能我们会会new 一个Image()然后不停给他设置src用来修改图片的显示,但是这里有个问题。图片的加载是需要消耗时间的,很可能在我们设置完src去用它的时候并没有加载完成。(javascript 图片src一直失败(comple ==false))无论是requestAnimationFrame 还是setInterval或者setTimeOut 方法都可能循原创 2015-09-24 14:12:58 · 2088 阅读 · 0 评论