• 布谷鸟时钟 SVG、CSS3实现
• 动画树-SVG SVG、CSS3实现
• 落叶动画-CSS3、JS JS、CSS3实现
• 放烟花 JS、CSS3
• 今天极客新闻-WebAPP React.js、jqueryFeed、RSS
• 你是那么与众不同-CSS3、JS JS、CSS3实现
• 春在动，心已远 春在动-心已远

HTTP2

HTTP2在今年中应该就可以定稿，这无疑是web界的一个大事。HTTP2从google的SPDY中借鉴了很多特性，重点改善了之前HTTP协议在当前的网络环境下的性能。简单地来讲，HTTP2更快。为什么呢，有几个主要改变：

• 首先是来自于同一个domain的HTTP请求可以共享同一个TCP连接了，这样可以很大程度上解决网络延时带来的性能问题。比如你有很多图片，现在也不用sprite化了，因为反正它们会用同一个连接的。HTTP2的出现让之前的很多web前端优化技术可能不再需要了。
  HTTP2不再是纯文本的了，而是二进制的协议了，这样协议的解析也更简单，而传输也更快。缺点是debug的时候需要费点功夫了。
• HTTP2还有其他一些特性，例如header压缩等，大家可以到这里集中学习一下。或者看看这个FAQ。

环境搭建

• eclipse 开发工具

• Felix Framework OSGI插件运行环境
  安装运行步骤:

  • 下载felix

1. 井号在URL中指定的是页面中的一个位置

井号作为页面定位符出现在URL中，比如：

http://www.httpwatch.com/features.htm#print

此URL表示在页面features.htm中print的位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。

naturalWidth作为img标签的一个属性，能获取图片的最原始尺寸的大小。现在的浏览器都已经尺寸该属性，除了IE8及其以下版本。

纯js的获取方法：

var image = document.getElementById('my_image');
var width = image.naturalWidth;
var height = image.naturalHeight;

通过jQuery的方式：

$this.css('height', 'auto');
var height = $this.height();