文章关键字 ‘API’

HTML5 DOM元素类名相关操作API classList简介

2013年07月15日,星期一

如果我们把元素的类名操作比作“切水果”游戏的话,其中一个单独的类名就好比“水果”或“炸弹”!
DOM Level 2时代,类名的获取与设置,多半使用className属性,className的生效近似切水果的“一刀切”。在web的初期,交互什么的其实很简单的来;就像切水果刚开始的时候,一次就一个水果飞上来,一刀“咔嚓”切了就好,就像使用className赋个类名值,就算偶尔冒出2个水果,className也可以一刀切搞定的。
但是,随着web的发展,交互的逐渐复杂……

阅读全文…

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页面,提供必要的源代码展示和效果截图。总之,希望能对您的学习有所帮助。

阅读全文…