前端开发

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

做前端有两个比较令人头痛的事,一个是命名,另一个就是缓存了。缓存的问题在移动端上尤其严重,因为手机随时随地会缓存你的资源,要想清缓存,不像PC使用强制刷新,还要手动找到浏览器的缓存,有时候还要重启等。下面这篇文章清晰的讲解关注浏览器的缓存,值得看看。

阅读全文

本文主要介绍一个Footer元素如何紧靠底部,使其无论内容多或者少,Footer元素始终紧靠在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决如何使元素粘住浏览器底部。

阅读全文

任何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'. 你认识这个东西吗?

阅读全文