CSS hover效果的逆向思维实现

2013年04月18日 by 张 鑫旭 阅读 98969 次, 今日 1 次

如果一件事件,下手很难,结果很简单。可以试试逆向思维,从结果入手,说不定就会找到出路。这个道理在简单的CSS世界中同样适用,对于hover效果,如果下手很难,最后的效果却不难实现。我们可以换个思维,先实现结果,然后在hover实现比较难下手的那个效果,找到出路,原路返回,问题自然更加轻松解决了。

本文的例子更多是抛砖引玉……

阅读全文…

JS滚轮事件(mousewheel/DOMMouseScroll)了解

2013年04月17日 by 张 鑫旭 阅读 381675 次, 今日 6 次

本文内容如题,讲讲JS中滚轮事件的相关知识,这玩意,还是有点料的。尤其FireFox浏览器下独具一格的表现有不少槽点。还是那句撑篇幅的话,有详解的demo有完善的数据表格展示,有必要的demo以及源代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

边译边学-QUnit下的JavaScript自动化单元测试

2013年04月9日 by 张 鑫旭 阅读 198043 次, 今日 1 次


如果您对单元测试感兴趣,本文内容肯定对你有所帮助的,文章比较长……唉,反正我不想多说了,你知道的,有图片的文章都是我个人觉得有分量的。

阅读全文…

梳理:提高前端性能方面的处理以及不足

2013年04月3日 by 张 鑫旭 阅读 122057 次

如题,自己折腾网站时候关于前端性能方面处理的一点经验梳理。自我总结同时也希望可以和大家多多交流。

阅读全文…

有意思:textarea resize属性下纯CSS交互效果

2013年03月27日 by 张 鑫旭 阅读 58457 次, 今日 3 次

本文介绍的是使用纯CSS,利用textarea resize属性实现的一个交互效果,由于兼容性这个硬伤,仅供大家娱乐,仅供大家参考。

阅读全文…

HTML5 datalist在实际项目中应用的可行性研究

2013年03月27日 by 张 鑫旭 阅读 112473 次, 今日 6 次

本文内容属于边学习边总结的,到底说了些什么,我也不知道。就自己个人而言,熟练了JS的一些使用,更了解select下拉框,当然熟悉datalist是肯定的,文本就是讲这个的嘛。了解了IE9下onpropertychange以及oninput事件无法被delete的问题,不认识的datalist内部的option会被忽略等问题。

demo不少,截图更多,源代码也有,内容也不少,总之,希望磕磕叨叨的内容能够对您的学习有所帮助。

阅读全文…

可缺省的CSS布局

2013年03月21日 by 张 鑫旭 阅读 65286 次, 今日 2 次

要赶着回去买菜,直接copy一段文中的话做摘要了~~

你永远不知道产品经理需要什么东西,因此,在页面布局的时候,一定要有强烈的意识:要是产品经理看这里不爽,把这里这部分干掉怎么办?如果干掉了,我是不是只要张个嘴让后台那边把这部分HTML注释或删掉就可以呢!

如果真能做到这样,哪有那么多加班?哪有改动恐惧症?哪有各种不满的吐槽?你应该有更多的时间去学习其他新的或者深的东西,而不是被本可以什么都不要做的改动折腾掉N多的时间和精力。前者久而久之良性循环,疾驰与他人之前;后者原地循环,跑步机上死命奔跑。

一句话,后期维护很轻松。装饰性元素自然必须可缺省,而且一点都不能影响布局;而功能性元素,也应该有强烈的可缺省意识,这样,或组装,或添加,或删除的时候,我们只要响应的HTML拖移、粘贴或删除就可以了。而且,布局可缺省,本身的容错能力也是相当强的。以柔克刚,万变归宗……

阅读全文…

自己以前架构CSS/JS时候挖过的一些坑

2013年03月12日 by 张 鑫旭 阅读 113507 次, 今日 19 次

本文前半部分是故事,看似无趣的故事,其实解释了文章后半部分的糟粕所在。前后对应,其实对于大多数人而言,后半部分已经足够理解,故事嘛,只是想让文章不那么枯燥而已,您大可直接跳过。

都是些自己走过的小坑,希望对你的学习什么的有所帮助。

阅读全文…

翻译-盲人如何使用互联网的8个误区

2013年03月6日 by 张 鑫旭 阅读 59297 次, 今日 3 次

虽然翻译的文章不少,但是,有时会看走眼,开始感觉不错,翻译完了发现其实没啥货。本文内容呢,还算不错的,说句良心话,自己也是学到了不少东西,至少对屏幕阅读器有个更准确的认识。至于细节什么的,您自己点击进去看看吧。希望能对你构建可访问性的网站提供一点帮助。

阅读全文…

JS中的柯里化(currying)

2013年02月26日 by 张 鑫旭 阅读 201493 次, 今日 11 次

本文是JS中柯里化(currying)这个概念的讲述,通过日常浅显示例说明,有多多源代码展示,没有demo,嘿嘿,不管怎么,希望本文内容能够对你的学习有所帮助。

阅读全文…