随笔分类 -  HTML5

HTML5之拖放
摘要：- Draggable 标签 文件拖放99年IE5开始,05后所有浏览器支持(除了opera)Brussels 此时提供的接口var dragStart = function(evt) { evt.dataTransfer.setData('text',evt.target.id); };-... 阅读全文
posted @ 2015-01-04 14:21 悠悠清风~ 阅读(204) 评论(0) 推荐(0)
HTML5之图形变换
摘要：- Transformations scale(0.5,0.5) 缩放 rotate(0.175) 旋转 translate(100,50) 位移- 代码结构 context.scale(x, y) context.rotate(angle ) context.translate(x, ... 阅读全文
posted @ 2015-01-04 14:13 悠悠清风~ 阅读(414) 评论(0) 推荐(0)
HTML5之 WebWorkers
摘要：为了进行后台计算提供的完全隔离计算方式 不可访问 DOM APIs 不可访问 window object 不可访问 document object 强隔离保证并行计算结果无误(无锁机制)---- 启动 定义Worker对象 var w = new Worker("calc.js"); Worker会... 阅读全文
posted @ 2015-01-04 14:03 悠悠清风~ 阅读(746) 评论(0) 推荐(0)
HTML5之广播聊天室
摘要：- 服务器端广播文本- 所有客户端都可以收到--- 客户端- 定义文本框- 定义发送事件 textarea accesskey =t oninput="sendmsg();"- 发送协议 ws:// 普通web-socket wss:// 加密web-socket客户端-创立连接var ws,... 阅读全文
posted @ 2015-01-04 13:59 悠悠清风~ 阅读(5126) 评论(12) 推荐(2)
HTML5之 WebSockets
摘要：------- 新的网络连接技术- Web-Sockets 持续连接数据流 全双工工作方式 http补充品而非替代品- 应用场景 聊天室 股票显示 在线游戏(尤为突出)- 2byte的通信 1byte定义开始1byte定义字长- 服务器端 所有服务器端语言均可 Node.j... 阅读全文
posted @ 2015-01-04 13:57 悠悠清风~ 阅读(373) 评论(0) 推荐(0)
HTML5之缓存
摘要：----- 缓存文件- 使用UTF-8编码- 以Cache Manifest 开头- 三个基本部分CACHE MANIFESTmenu.htmlmenu.js# login requires network connectionNETWORK:login.phpFALLBACK:/ /menu... 阅读全文
posted @ 2015-01-04 13:56 悠悠清风~ 阅读(324) 评论(0) 推荐(0)
HTML5之 离线数据存储
摘要：--- Storage接口 无论是sessionStorage还是localStorage 属性/方法 返回值 描述 ------------------------------------------------------- length integer 包含对象数目,只读 k... 阅读全文
posted @ 2015-01-04 13:54 悠悠清风~ 阅读(387) 评论(0) 推荐(0)
HTML5之地理信息应用 获取自己的位置
摘要：上代码：window.onload = function() {if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( function(pos) { $(“lat”).innerHTM... 阅读全文
posted @ 2015-01-04 13:52 悠悠清风~ 阅读(183) 评论(0) 推荐(0)
HTML5之图像处理
摘要：--- 内嵌图像- drawImage可以绘制图像context.drawImage(image,dx,dy)context.drawImage(image,dx,dy,dw,dh)context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh)- 基本绘制 图片根据... 阅读全文
posted @ 2015-01-04 13:51 悠悠清风~ 阅读(2424) 评论(0) 推荐(0)
HTML5之字体
摘要：- 使用CSS样式来定义context.font = [CSS font property]context.font = [font-style font-variant font-weight font-size font-family ]属性名：font-style/font-variant/f... 阅读全文
posted @ 2015-01-04 13:50 悠悠清风~ 阅读(813) 评论(0) 推荐(0)
HTML5之Canvas画布
摘要：先上代码：浏览器不支持HTML5！ - Rectangles 绘制矩形对象 - context.fillRect(x,y,w,h) // 绘制矩形 - context.strokeRect(x,y,w,h) // 绘制边框 - context.clearRect(x,y,w,h) ... 阅读全文
posted @ 2015-01-04 13:44 悠悠清风~ 阅读(2893) 评论(0) 推荐(0)
HTML5 Video与Audio 视频与音频
摘要：---- 视频Video对象- 指定视频播放地址 你的浏览器不支持视频标签- 内嵌元素,若不支持将会显示那些指定的文字- 视频额外属性属性 描述------------------------------------------------------------poster 在... 阅读全文
posted @ 2015-01-04 11:40 悠悠清风~ 阅读(614) 评论(0) 推荐(0)
HTML5新增标签属性
摘要：----- 新类型表单- email 自动校验输入的是不否是email 邮箱：- url 自动将提交数据变为Url 我的主页：- number 输入数字 金额： 属性 类型 描述 ------------------------------------ max number 最大值... 阅读全文
posted @ 2015-01-04 11:29 悠悠清风~ 阅读(476) 评论(0) 推荐(0)
HTML5入门篇
摘要：---- HTML5简介HTML5 是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML5 有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web ... 阅读全文
posted @ 2015-01-04 11:27 悠悠清风~ 阅读(220) 评论(0) 推荐(0)