代码改变世界

随笔档案-2011年6月1日

HTML5之PostMessage

2011-06-01 14:27 by 卫佳, 487 阅读, 收藏,
摘要: 要接收消息的页面需要添加相应的事件监听器,在消息到来时你可以检测其来源来并判断是否处理。浏览器的支持情况:检测浏览器支持:if (typeof window.postMessage ===“undefined”) {// postMessage not supported in this browser}发送消息:发送消息给另一个页面:window.postMessage(“Hello, world”, “portal.example.com”);发送消息给iframe:document.getElementsByTagName(“iframe”)[0].contentWindow.postM 阅读全文

HTML5之WebSocket

2011-06-01 14:27 by 卫佳, 403 阅读, 收藏,
摘要: 传统的HTTP都是基于请求响应模型的,客户端和服务器端无法实现实时通信。之前有一种模仿实时通信的技术,从轮循、长轮循到comet都不能彻底 解决问题。WebSocket的出现改变了现状,上百倍的减少通信中无用的消息头,极大的提高了通信效率的同时也提供了非常低地的延时。WebSocket请求和回复的消息头如下:From client to server:GET /demo HTTP/1.1Host: example.comConnection: UpgradeSec-WebSocket-Key2: 12998 5 Y3 1 .P00Sec-WebSocket-Protocol: sampleUp 阅读全文

HTML5之地理位置

2011-06-01 14:27 by 卫佳, 382 阅读, 收藏,
摘要: 1、ip地址书上说不准确,很多时候获取的是ISP机房的位置,但是获取非常方便,没有什么限制。但是实际上我觉得在中国,ip地址还是比较准确的,基本上上能精确到小区或大楼的标准。2、GPS非常准确,但是需要在户外,且需要很长时间搜索卫星。最主要的很多设备比如笔记本电脑基本都是不带GPS的,新的智能手机purse hanger倒是都有。3、WiFi基站的mac地址。(猜测是连接位置已知的公共WiFi的时候,通过Mac地址识别WiFi接入点,从而定位)这种定位的精度还是很不错的,而且还可以在室内定位。不过由于这种位置公开的wifi比较少,此种方法的适用范围比较少。4、 GSM或CDMA基站通过基站定位 阅读全文

HTML5简述

2011-06-01 14:26 by 卫佳, 294 阅读, 收藏,
摘要: 老狗在群里面传了一本书《Pro.HTML5.Programming》,图书的出版说明技术开始走向实用,同时说明关注的人开始增多了。新技术的 第一批书免不了有些不够深厚,大都是泛泛的介绍。我看了之后挑出重要的内容整理成一个提纲,懒得看书的同学直接看这个就可以了。 书中提到的代码可以再这里下载。第一章主介绍了HTML5的优点和新特性,优点就不罗嗦了。特性如下:1、简化的DOCTYPE和Character Set:<!DOCTYPE html><meta charset=”utf-8″>2、语义标签更利于搜索引擎理解页面内容,同时也在一定程度上简化页面的编写。header 页 阅读全文

HTML5之Canvas和Audio/Video

2011-06-01 14:26 by 卫佳, 1106 阅读, 收藏,
摘要: Web之前有三种绘图的方式,Adobe Flash,SVG和VML。此次HTML5元素新添加的Canvas实际上是一个像素画布(bitmap canvas),和SVG不同,画在Canvas上的元素无法进行缩放,同时也不是DOM的一部分。 WHATWG的HTML5选择Canvas作为标准原因有二:1、由于不用存储画出的每一个元素,所以性能更好。2、和其他语言的二维绘图API类似,更 容易实现。2、结构Canvas在HTML页面中是一个“<canvas></canvas>”标签,显示为一个矩形区域。矩形区域的左上角为坐标原点(0,0),向右为X轴,向下为Y轴。3、检测浏览器 阅读全文