小tip: transition与visibility

2013年05月14日 by 张 鑫旭 阅读 100952 次, 今日 12 次

这里的transition指的就是CSS3中的那个过渡动画属性transition. 如果我们仔细查看其支持的CSS属性值,会发现竟然有一个visibility.

此时,我的脑袋上立马冒出了3个大大的问号:visibility不就visibile/hidden/collapse等值,又不是数值什么的,怎么有动画效果呢??

一番查阅研究,发现,这玩意还是有些作料的……

阅读全文…

小tip: DOM appendHTML实现及insertAdjacentHTML

2013年05月10日 by 张 鑫旭 阅读 91227 次, 今日 15 次

本文重点不在appendHTML方法实现的本身,而是相关的一些DOM节点处理的熟悉,例如文档片段,子节点们,节点的后插以及前插等等……有代码有demo有截图,如果您是JS新手,本文的内容应该能对您的学习提供一些帮助。

阅读全文…

我是如何理解”Another JavaScript quiz”中的题目

2013年05月7日 by 张 鑫旭 阅读 107280 次, 今日 4 次


时光冉冉,或多或少见过一些JavaScript相关的题目,其中很多属于变态级别的!各种奇怪符号写法拼在一起、尼玛还有兼容性问题,估计达格拉斯都不知道答案。
对于这种整得亲妈都不认识的变态问题,实际上是没有什么参考价值的。好比要考察外星人对人类的了解,结果你那下面这货来做测试,看到亲戚的外星人一定会云里雾里的,但有意义吗?

好的JavaScript测试题目应该是:门外汉见了皱眉,行家见了疑惑题目是不是简单了点,同时考察点覆盖全面。

这里要介绍的”Another JavaScript quiz“中的题目(by非热火队的詹姆斯)不是属于变态题目,而是介于变态与不变态之间,因此,实际上面试价值不及格,但是学习价值good,故拿来说说……

阅读全文…

ES5中新增的Array方法详细说明

2013年04月25日 by 张 鑫旭 阅读 338598 次, 今日 27 次

ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。
ES5中新增了写数组方法,如下:forEach, map, filter, some, every, indexOf, lastIndexOf, reduce, reduceRight ……

阅读全文…

CSS hover效果的逆向思维实现

2013年04月18日 by 张 鑫旭 阅读 107502 次, 今日 5 次

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

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

阅读全文…

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

2013年04月17日 by 张 鑫旭 阅读 410370 次, 今日 55 次

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

阅读全文…

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

2013年04月9日 by 张 鑫旭 阅读 219036 次, 今日 23 次


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

阅读全文…

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

2013年04月3日 by 张 鑫旭 阅读 137160 次, 今日 15 次

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

阅读全文…

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

2013年03月27日 by 张 鑫旭 阅读 67092 次, 今日 1 次

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

阅读全文…

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

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

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

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

阅读全文…