span与a元素的键盘聚焦性以及键盘点击性研究

2013年02月20日 by 张 鑫旭 阅读 44050 次, 今日 16 次

我们平时涉及点击交互事件的时候,都是使用的a元素或者button元素,原因是可以相应键盘focus效果以及回车触发点击事件,这是众所周知的。
但是,可能存在一些特殊情况,我们需要使用默认没有键盘可访问性的元素,例如span元素,我们可以通过一定的设置支持键盘的可访问性,这是不为所知的,也是本文的重点所在。

阅读全文…

github上html5shiv项目readme.md部分的翻译

2013年02月20日 by 张 鑫旭 阅读 43409 次, 今日 20 次

html5shiv可以通过很简单的JS调用,让IE6-IE9浏览器都支持HTML5中的元素,本文内容就是该项目readme.md中的中文翻译。资质有限,如有错误,欢迎指正,希望本文的内容能够对您的学习有所帮助。

阅读全文…

表单序列化、规则分离下的复杂表单计算

2013年01月31日 by 张 鑫旭 阅读 67956 次, 今日 20 次

折腾了一个jquery-calculate.js方法,干嘛用的呢。哈哈,如题,表单计算用的,可复用的、计算规则分离的表单计算应用。你是知道的,文章有标题图片的都是大作,或者我觉得很靠谱的,显然,本文就是。本文两个demo,N多必要的源代码展示于讲解,还有一些调节气氛的吐槽,月末将至,新年将到,希望本文的内容能够给你带来开心与喜气。

阅读全文…

我对原型对象中this的一个懵懂错误认识

2013年01月29日 by 张 鑫旭 阅读 119989 次, 今日 16 次

本文写得比较散,吐槽很多,就像是在海边撒贝壳,各种颜色,各种形状。于是,你可能喜欢这个,他可能喜欢那个,或者另外极品不喜欢贝壳。看看吧,说不定和你的胃口,希望能对您的学习有所帮助。

阅读全文…

疑问:为什么要使用href=”javascript:void(0);”?

2013年01月28日 by 张 鑫旭 阅读 266289 次, 今日 37 次

本文的内容实际上三行文字就可以了。我实在是闲得蛋疼,活生生挤沟沟一样挤出了一个上中下三段的吐槽文章。大家代码都写得很辛苦,让半边脑袋休息一下,让另外半边代码出来活动一下吧。一篇慢思维的文章,求指点求吐槽。哈哈

阅读全文…

利用重绘解决IE下JS交互产生的定位重叠等棘手bug

2013年01月22日 by 张 鑫旭 阅读 73521 次, 今日 17 次

我们平常在页面布局时候探讨的bug大多都属于静态的——即页面载入渲染完毕后出现的布局问题,像是错位啊,不对齐啊,行高失效等。
这些都是嚼了好多年的烂芋头,就像风水日晒很多年的门面店,是个装修工都能美化修复,不值得拿出来卖弄。
还有一类bug是伴随着JS交互产生了,比方说一个外表靓丽光鲜的门面店,只要门一开,尼玛,天花板就会挂到门上去了。此时该怎么办?……

本文就将从重绘这块解决JS交互再IE浏览器下产生的棘手问题,精制的demo,丰富的截图以及必要的源代码展示,希望本文的内容能够您的学习有所帮助。

阅读全文…

小tip:我是如何初体验uglifyjs压缩JS的

2013年01月18日 by 张 鑫旭 阅读 185593 次, 今日 28 次

年末将至,很多闲适的时间,于是刷刷微博,接触各种纷杂的信息——美其名曰“学习”。运气不错,遇到了一个新名词,uglifyjs. 据说是用来压缩JS文件的,据说还能优化JS,据说是基于node的,还据说比Google Closure Compiler更带感,哦?激起了我的好奇心。百之谷之,哟,相关的介绍还不少。然后折腾了个把小时,基本上知道了是个怎么回事。
我觉得吧,还是有些用的,即使是不是从事node开发的人,抽个小空,share之,于是就有了本文……

阅读全文…

实验:absolute/display隐藏与回流等性能

2013年01月17日 by 张 鑫旭 阅读 55146 次, 今日 21 次

有个问题让我耿耿于怀3年,元素应用position:absolute脱离文档流这一过程会不会产生回流?OK,本文就将通过实验来解决这个困扰我多年的疑问。并通过其他一些测试,研究下各种隐藏方法的回流、布局、渲染等性能。
大量的demo页面以及截图展示,总之,希望本文的内容能够对您的学习有所帮助!

阅读全文…

前端设计必会技能-gif动画图片制作

2013年01月15日 by 张 鑫旭 阅读 58303 次, 今日 11 次

gif动画图片是web制作中非常常用的,可以说是前端必会技能。本文就介绍了如何在Adobe flash以及Adobe photoshop中制作gif动画图片。很多截图,希望本文的内容能够对您的学习有所帮助。

阅读全文…

渐进式jpeg(progressive jpeg)图片及其相关

2013年01月7日 by 张 鑫旭 阅读 116798 次, 今日 39 次

网络上那些色色的照片都是.jpg格式的(“色色”指的是色彩斑斓的意思)。
不知诸位有没有注意到,这些jpg格式的图片在呈现的时候,有两种方式,一种是自上而下扫描式的,还有一种就是先是全部的模糊图片,然后逐渐清晰(就像GIF格式的交错显示),例如下面的示意……

阅读全文…