HTML5

HTML5在线Demo汇总

扫描二维码

2015值得关注的的技术

扫描二维码

HTTP2

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

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

OSGI插件开发示例

扫描二维码

环境搭建

  • eclipse 开发工具
  • Felix Framework OSGI插件运行环境
    安装运行步骤:

    • 下载felix

URL中井号的作用

扫描二维码

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

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

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

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

img标签之获取图片原始尺寸的naturalWidth和naturalHeight

扫描二维码

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

纯js的获取方法:

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

通过jQuery的方式:

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