如果我们把元素的类名操作比作“切水果”游戏的话，其中一个单独的类名就好比“水果”或“炸弹”！
DOM Level 2时代，类名的获取与设置，多半使用className属性，className的生效近似切水果的“一刀切”。在web的初期，交互什么的其实很简单的来；就像切水果刚开始的时候，一次就一个水果飞上来，一刀“咔嚓”切了就好，就像使用className赋个类名值，就算偶尔冒出2个水果，className也可以一刀切搞定的。
但是，随着web的发展，交互的逐渐复杂……
文章关键字 ‘API’
HTML5 DOM元素类名相关操作API classList简介
2013年07月15日，星期一Page Visibility(页面可见性) API介绍、微拓展
2012年11月29日，星期四如果检测页面切页，最小化，关闭，切换选项卡，可以使用visibilitychange事件，使用visibilityState属性值。
HTML5全屏API在FireFox/Chrome中的显示差异
2012年10月8日，星期一FireFox浏览器下的黑色背景就是全屏元素，其中图片的居中对齐是通过CSS控制的（:after伪类生成元素+vertical-align:middle实现），例如去掉text-align:center图片就不水平居中了；而Chrome的黑色背景属于系统的东西，其全屏元素似乎被浏览器劫持，默认状况下永远屏幕居中显示（去掉text-align:center图片依然水平居中）——脱离了常规CSS理解——如默认的display:block状态似乎变成了display:inline-block等……
小tip: 外链地址网站标志图标API应用
2012年06月13日，星期三本文主要介绍如何利用一些API获得网站的favicon，即收藏图标，标志图标。并且如何在实际项目中应用。一如既往，提供必要截图，demo实例页面以及源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
渐进使用HTML5语言识别, so easy!
2012年05月24日，星期四本文介绍如何在您的浏览器上渐进使用HTML5语音识别功能，以及该功能潜在的一些问题。丰富必要的demo，生动有趣的截图，幽默诙谐的文字，相信本文的内容对您的学习有所帮助的。
观点：不要太依赖JavaScript库
2012年03月29日，星期四JavaScript库已经成为了一个web开发人员的工具包的重要组成部分，一个很好的理由（zxx: 应指指依赖理由）。库让每个浏览器的JavaScript实现无差异，使开发人员可以专注于编写代码，10次中有9次将只是工作 – 这是一个了不起的事情。
但你可曾停下来想过学习JavaScript，而不是一切都依靠库？尽管我不主张离开库，但我依然要给你些东西让你去思考……
jQuery与MooTools库的一些比对
2011年09月28日，星期三
我上大学那会儿从事的项目用的是jQuery，毕业后工作所从事的项目用的是MooTools。很幸运短期内有机会接触两款不同设计风格的优秀的JavaScript库。今天就我自己的一些认识比对下这两个JS框架，更多的是希望大家能够对MooTools这个JS框架有更多的认识。毕竟，大多数从事web前端的人对上手容易的jQuery更熟悉些。
Google字体API使用简单示例
2011年07月18日，星期一Google总会做些造福大众的事情，例如提供了web在线字体的API，这玩意其实去年就有了，但是字体种类手指头+脚趾头就可以数出来。but 最近，貌似Google对字体API进行了升级，可使用的在线web字体已经奔向200去了。
对于设计者而言，可谓不得不高兴的事情。这里，通过简单的例子，讲讲如何使用这些字体API。
回归传统，本文提供demo页面，效果截图展示，源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
浏览器地理位置(Geolocation)API 简介
2011年06月30日，星期四Geolocation API（地理位置应用程序接口）提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错（因为新版本的IE支持了该API），这使得在不久之后就可以使用这一浏览器内置的API了。该API接口提供的用户地理位置信息还算蛮详细的，经纬度啊，海拔啊，精确度，移动速度啊都是可以获取的。该API是相当有实用价值的，本文就简单介绍下这个东东，希望能对您的学习有所帮助。
HTML5 drag & drop 拖拽与拖放简介
2011年02月9日，星期三本文简单介绍了下利用HTML5 drag & drop API非常简单轻松地实现拖拽与拖放效果。提供一些关键术语的讲解，提供简单实用的demo页面，提供必要的源代码展示和效果截图。总之，希望能对您的学习有所帮助。
我的应用
我的应用