专注前端开发，交流与分享技术经验™

用过QQ、Gtalk之类的同学，应该都被它的消息提醒所骚扰过。其实这里就要谈谈这玩意，对于桌面应用程序来说，这应该算不了什么大不了的；不过这相同的技术移植到另一个平台上，如Web应用上来说，就没那么简单了，这么W3C还没把它定案呢，各大浏览器商也支持不一。 今天正好手头没项目，就试玩了下Web Notifications；对，就是传说中的Web通知也可以简单说成消息提醒，就它的表现形式在W3C定义来说还是相当丰富的。下面我们就先来简单了解下官方的资料说明（以下资料大多翻译自W3C或浏览器官方网站，大可放心其可靠... 阅读全文

我们知道，原型对象本身就是一个对象，它是由Object()构造函数创建的。这就意味着原型对象继承了Object.prototype属性。基于原型的继承并不限于一个单个的原型对象，相反，它包含了一个原型对象的链。因此，Complex类的对象就继承了Complex.prototype和Object.prototype的属性。当在Complex对象中查询某个属性时，首先查询的是这个对象本身。如果在这个对象中没有发现要查询的属性，就查询Complex.prototype对象。最后，如果在那个对象中还贿找到要查询的属性，就查询Object.prototype对象。 注意，由于Complex原... 阅读全文

今天无意中发现的一篇文章，标题是：《凤姐移民去了美国纽约 实现了她的美国梦》。看到标题的第一眼，说实话我感到了惊讶与震惊，之前还有心想过：怎么最近听不到凤姐的声音了，难道就像现在的流行歌曲一样，生命力都只是一时，无法成为永恒？两种结果的巨大反差，估计第一次听到这消息的人跟我的心态应该也差不了多少吧（前提条件：如果这条消息属实的话），不多废话了，下面就是原文转发（via: 美国俚语） 嘲笑凤姐的人们，她已经赚够了你们一辈子都赚不到的钱移民去了美国，而这些人呢？继续蜗居在电脑前，用... 阅读全文

2011，祝朋友们过的要开开心心！2011也是我的本命年，希望自己在新的一年里，能好好努力实现自己的所有愿望。 年底总结写了些自己这一年的展望： 1、把公司项目效果库写完； 2、还要多多学习HTML5、CSS3的相关知识； 3、深入学习移动开发； 最后希望自己在这一年里写出多多的DEMO出来。 阅读全文

从苹果官网上挖下来的一个示例，使用了HTML5+CSS3技术，实现的展品360度旋转展示，类似Flash里面做的序列帧动画，不多说请运行下面的示例看效果（请使用Web标准浏览器，而且要必需很好的支持html5及css3，最好就使用Safari查看） document.observe("dom:loaded", function() { if(AC.Detector.isiPad()) { $('main').addClassName('isipad'); } }); 360° Try it out: Rotate iPod touch a full 360 degrees with your finger or by ... 阅读全文

最近HTML5一直被圈内炒的很火，也确实说明了HTML5中的技术很诱人，不管是从表单到离线存储，还是从Web SQL Database（）到强大的Canvas等等，都足以可见HTML5与之前的差距及野心，作为一个前端开发人员而言，这也是乐意看到的。 所以自己在平时闲余也看了些官方文档（HTML Canvas 2D Context，以下有关Canvas的代码都可以在此文档中查找到API），也做了些小实验，在这里我们先看下《Javascript权威指南 第五版》上的一个画饼图的例子，请使用标准浏览器查看效果： function makeCanvas(id, width, height)... 阅读全文

如果还在每天都使用id选择器、class选择器和后代选择器的话，那就会发现它们缺乏灵活性。文章中提到的大部分的选择器是CSS3中，所以只对标准浏览器有效。 1、* * { margin: 0; padding: 0; } 在学习更多的高级选择器之前，让我们先淘汰这个最手使用的选择器。 星号选择器将触发页面中的所有单个元素。许多开发人员使用它来让margin和padding置零。这里我们建议不要使用星号选择器，测试除外。它只会加重页面的负担，得不偿失。 它也可以使用在子选择器中 #container * { border: 1px solid black; } 这个会应... 阅读全文