小tip: DOM appendHTML实现及insertAdjacentHTML

2013年05月10日 by 张 鑫旭 阅读 81236 次, 今日 8 次

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

阅读全文…

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

2013年05月7日 by 张 鑫旭 阅读 91266 次, 今日 49 次


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

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

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

阅读全文…

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

2013年04月25日 by 张 鑫旭 阅读 290343 次, 今日 50 次

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

阅读全文…

CSS hover效果的逆向思维实现

2013年04月18日 by 张 鑫旭 阅读 99639 次, 今日 10 次

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

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

阅读全文…

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

2013年04月17日 by 张 鑫旭 阅读 384481 次, 今日 31 次

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

阅读全文…

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

2013年04月9日 by 张 鑫旭 阅读 202599 次, 今日 16 次


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

阅读全文…

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

2013年04月3日 by 张 鑫旭 阅读 123686 次, 今日 8 次

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

阅读全文…

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

2013年03月27日 by 张 鑫旭 阅读 59447 次, 今日 12 次

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

阅读全文…

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

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

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

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

阅读全文…

可缺省的CSS布局

2013年03月21日 by 张 鑫旭 阅读 65869 次, 今日 5 次

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

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

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

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

阅读全文…