前端开发

前端开发博客专注于前端开发,分享前端开发技术、前端开发教程、前端开发工具和前端开发资源等

任何CSS属性值为percent时,都需要根据某个参考值进行计算,搞明白这个参考值是什么,理解就容易多了。标准规定:background-position:perenct的参考值为: (容器宽度 - 背景图片宽度).

阅读全文

@doyoe 大神写的一篇新文章:background系列之无处不在的妙趣,给了一些新的思路和惊喜。我比较赞成第二种,使用伪元素来做,兼容性较好。第三种使用background渐变给我一亮,第四种改善background-origin很少见 ...

阅读全文

上个星期在微博中一个关于JavaScript捕获和冒泡代码的讨论,可能没有动手实现一篇的人无法给出确定的答案。 这里再来回顾一下之前的三条微博。 事件的执行顺序 JavaScript冒泡和捕获考察题目看图回答问题,晚上公布答案。 问:点击L ...

阅读全文

张鑫旭的一篇文章,讲到20像素图标对齐和表单元素40像素对齐有所收获,谢谢@张鑫旭 ,很多观点跟平时的处理方式不谋而合,一般来说,我处理图标如果临近的话都会使用同样宽高,然后使用inline-block比较多,表单输入框和按钮以line-h ...

阅读全文

在自己新做的一个网站“开发头条”上发现用iframe嵌入github的内容时,一篇空白,什么东西都没有。打开chrome 调试,发现里面输出一个错误提示:Refused to display 'https://github.com/hwclass/awesome-sound' in a frame because it set 'X-Frame-Options' to 'deny'. 你认识这个东西吗?

阅读全文

1.使用setInterval()的定时器会把事件运行的时间也包含在内,如果要精确算定时两个任务之间的时间,可以使用setTimeout()替换。2.当异步事件发生时,如mouse click, a timer firing, or an XMLHttpRequest completing(鼠标点击事件发生、定时器触发事件发生、XMLHttpRequest完成回调触发等),将他们放入执行队列,等待当前代码执行完成。

阅读全文

编者注:作者以一个运动的小车为例子,讲述了三种实现HTML5动画的方式,思路清晰,动画不仅仅是Canvas,还有css3和javascript.通过合理的选择,来实现最优的实现。 PS:由于显卡、录制的帧间隔,以及可能你电脑处理器的原因,播 ...

阅读全文