不到长城非好汉

“不到长城非好汉”,我是冲着这句话去的。来北京将近三年了,还没游长城,总感觉心里缺了点啥。因为太懒了,所以一直拖着,拖到不能再拖的地步了,于是选择在2011的年尾,完成这个心愿,做一回“长城好汉”。

那天天气很好,天很蓝,暖暖的阳光,让人感觉特别舒服。但到了山脚下才发现,事情并没有想象中的那么完美,风很大,真像色狼一样,冻手冻脚的。去的时候没戴帽子,到山脚下匆忙买了一顶,嘿嘿,看起来还是挺不错的。
未完,继续阅读

css伪类

提到css伪类,不勉有些惭愧,从事网页制作两年了,竟然没把这个搞清楚。除了大家耳熟能详的在<a>标签里经常用到的那些,对其它的就知之甚少,今天就借此机会和大家一块学习,希望别见笑。

伪类可以看做是选择符在某个特殊状态下的样式。本文主要涉及到以下几种::link、:hover、:active、:visited、:first-child、:lang、:focus、:before、:after。
未完,继续阅读

webkit内核浏览器实现蒙版遮罩和动画效果

熟悉photoshop的同学都知道,它里面有蒙版遮罩层的效果,在webkit内核的浏览器中同样可以实现。在本文中我将使用以下几个标签,来实现图层蒙版和动画效果。

-webkit-mask

-webkit-mask属性非常强大,它让为一个元素添加蒙板成为可能,这和ps里面的蒙板功能是一样的。如下例所示:
未完,继续阅读

wordpress如何获取Akismet API Key

最近博客上出现了大量的英文评论,刚开始还觉得很高兴,后来觉得有点不大对劲,百度了一下,发现这些都是垃圾评论,之前博客自带Akismet插件,知道是用来处理垃圾评论的必备插件,可博客还无人知晓,也就没啥垃圾评论可言,现在想起来,就把他开启了。开启Akismet才发现需要Api Key。以下分享一下获取Akismet API Key的过程。
未完,继续阅读

border:none; 和 border:0;区别

浏览器解析:

border:0;  把border设为“0”,其意义是border-width:0;  但它的border-style 和border-color仍然存在,占用了内存。
border:none;  设为none即没有,浏览器对其不进行渲染,不占用内存。

兼容性差异

border:none;  当border为“none”时似乎对IE6/7下的标签button、input边框依然存在。
border:0;  当border为“0”时表现比”none”更有效,所有浏览器一致把边框隐藏。

wordpress随机文章,可放于任意位置

在博客的文章页面添加随机文章,不仅可以增强用户粘度,还可以把一些陈芝麻烂谷子的文章给时不时的翻出来,不至于沉下去。除了这下,还有一个更重要的作用,那就是当搜索引擎来爬你的文章的时候,每次都会有变化,同时还能增加文章内链。
未完,继续阅读

浪漫平安夜,快乐圣诞节,Let It Snow!

明天天是圣诞节,今晚平安夜,祝福各位博友:
平安夜,报平安,愿各位博友全家温馨永平安、幸运顺利每一年、幸福美满每一刻。平安永永远远,幸福长长久久!

我的个人宣言:
我关注web前端、关注UI、关注用户体验
我热爱生活、相信爱情、崇尚自由、积极面对每一天
我,一枚前端开发工程师,正试图用自己最大的努力创造价值

未完,继续阅读

input输入框为空时,添加默认提示jquery插件

作为一枚前端工程师,我们经常会遇到处理页面输入框的时候,当输入框没有内容时,需要默认给加上一些提示内容。已引导用户正确顺畅的填写表单或输入搜索内容等,比如:“请输入用户名…”、“请输入搜索内容..”。
未完,继续阅读