通过 body 的 error 事件捕获页面中所有图片的 error 事件
在 BDP 项目中，根据用户输入的关键字搜索视频并显示出来，后端返回的每条记录中有一个数组字段image_urls表示该视频的缩略图地址，它共有三种类型，分别是 small, medium 和 large。
1234567{ "image_urls": { "
...
在DOM操作中，如何减少 reflow 或 repaint
发表于
|
更新于
在这篇博客中，我们列举一些可以减少 reflow 或者 repaint 的方法。下面先讲述一下这两个概念。reflow，翻译为重排，意为重新布局。当一个元素的形状位置发生改变时，浏览器会对该元素以及子元素（也可能包括同级元素）进行布局和重绘。称之为重排。repaint，翻译为重绘。当一个元素的颜色等
...
【翻译】Webkit图片擦拭效果
发表于
|
更新于
来源Webkit 浏览器支持遮罩，虽然它还不是标准。就像 PhotoShop 中一样，你声明一张图片作为遮罩，黑色部分是不透明的，将会遮住其后面的元素。白色部分透明，其后面的元素是可见的。灰色部分是半透明的。所以下面的图片：
1<img src="orig.jpg" alt="trees" c
...
CSS3 Transition过渡属性探索
发表于
|
更新于
背景介绍在前面的文章蓝光机 WebApp-无尽列表优化中提到无尽列表，通过上下键可以查看前两个或者后两个记录。这时候需要做出动画效果。
解决问题这里首先要说明 Opera 的一个问题，Opera 从 9.8 版本以后就定格为 9.8，如果要查看其真正版本，只有通过其 UserAgent 中‘Vers
...
使用 drawImage 和 putImageData 缓存 Canvas 中间数据
发表于
|
更新于
API12345void drawImage(Object image, float dx, float dy[float dw, float, dh]);void drawImage(Object image, float sx, float sy, float sw, float sh, flo
...
【正则表达式】使用逗号将数字三位三位地分开
发表于
|
更新于
背景介绍在一个项目中，需要显示一个 YouTube 视频被观看了多少次，这个数字一般是个很长的数字，为了更好的体验，也是国际标准，三位三位地断开，对应千（thousand），百万（million），十亿（billion），当然对中国用户来讲，不是特别友好，中国人喜欢四位四位隔开，对应万，亿，万亿。。
...