代码改变世界

html5 workers线程

2012-02-17 21:42 by 边缘er, 319 阅读, 0 推荐, 收藏,
摘要：html5之前，javascript脚本都是在单线程中执行的，也就是说如果js运行时间过长，除了等待什么也干不了，甚至卡死。创建一个worker后台线程，这样就不影响前台的渲染了。简单演示主页面<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html5 workers</title></head><body><span id="span1">5</span><di 阅读全文

html5 webSockets实时通信

2012-02-17 21:39 by 边缘er, 389 阅读, 0 推荐, 收藏,
摘要：webSockets是html5提供的客户端和服务器端通信机制，优点是一旦连接建立成功，它就是双向的、实时的、永久的（除非被显式的关闭）。建立连接var w = new WebSockets('ws://bianyuan.me');建立一个WebSockets连接实例即可，注意url必须以ws或wss（加密通信）开头。这样就可以和服务器端进行通信了，当然前提是服务器端支持WebSockets并已配备好。websockets3个监听事件//打开事件w.onopen = function(){alert('连接已打开')}//接收数据通信事件w.onmessage 阅读全文

html5 geolocation地理位置

2012-02-17 21:36 by 边缘er, 326 阅读, 0 推荐, 收藏,
摘要：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html5 geolocation</title><link href="css/html5.css" rel="stylesheet" type="text/css"></head><body><span id="support">请将下面的经纬度输入谷歌地图： 阅读全文

html5 message和postMessage跨域

2012-02-17 21:34 by 边缘er, 561 阅读, 0 推荐, 收藏,
摘要：设计背景：父页面和子页面(iframe)不同域，进行跨域操作。实现功能：父页面可以改变子页面的"状态"内容，子页面可以改变父页面的title。父页面代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>postMessage演示</title></head><body><p><b>父页面源</b>: event51</p><input type 阅读全文

锁屏-lightbox效果

2012-02-17 21:30 by 边缘er, 316 阅读, 0 推荐, 收藏,
摘要：锁屏就是弹出半透明的遮罩层，把整个页面遮住不能操作，然后上边有一个可操作窗口，类似lightbox效果。<span onclick="lightbox.lockScreen('white')">锁屏并弹出层</span><span onclick="lightbox.openScreen('white')">关闭弹出层并解锁</span>说明：lightbox.lockScreen和lightbox.openScreen分别是锁屏和解锁方法，“white”是要弹出层的id，样 阅读全文