HTML5学习笔记（七）WebSocket
摘要：WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作 浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接
阅读全文
HTML5学习笔记（七）HTML5 服务器发送事件(Server-Sent Events)
摘要：Server-Sent 事件指的是网页自动获取来自服务器的更新。 以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。 EventSource 对象用于接收服务器发送事件通知： EventSource 对象，然后规定发送更新的页面的 URL，每接收到一次
阅读全文
HTML5学习笔记（六）web worker
摘要：当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，不会影响页面的性能，页面可以响应。 在创建 web worker 之前，请检测用户的浏览器是否支持它： if(typeof(Worker)!=="undefined"
阅读全文
HTML5学习笔记（五）存储
摘要：HTML5 web 存储,一个比cookie更好的本地存储方式。数据以 键/值 对存在, web网页的数据只允许该网页访问使用。加的安全与快速.可以存储大量的数据，而不影响网站的性能. 客户端存储数据的两个对象为： localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直
阅读全文
HTML5学习笔记（四）语义元素
摘要：语义元素能够清楚的描述其意义给浏览器和开发者。 无语义 元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容. HTML5 提供了新的语义元素来明确一个Web页面的不同部分: <header> 头
阅读全文
HTML5学习笔记（三）新属性、功能
摘要：HTML5 拖放 1.元素的 draggable 属性设置为 true 2.ondragstart 属性调用函数，函数中dataTransfer.setData() 方法设置被拖数据的数据类型和值 3.ondragover 事件规定在何处放置被拖动的数据。 4.若要将数据/元素放置到其他元素中，通过
阅读全文
HTML5学习笔记（二）新元素和功能
摘要：<canvas> 新元素（必须使用脚本来绘制图形） HTML5 内联 SVG（能够将 SVG 元素直接嵌入 HTML 页面） 依赖分辨率 不支持事件处理器 弱的文本渲染能力 能够以 .png 或 .jpg 格式保存结果图像 最适合图像密集型的游戏，其中的许多对象会被频繁重绘 不依赖分辨率 支持事件处
阅读全文
HTML5学习笔记（一）相关概率
摘要：HTML5的设计目的是为了在移动设备上支持多媒体。 声明：<!DOCTYPE html> 注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。 HTML5 的改进 新元素 新属性 完全支持 CSS3 Video 和 Audio 2D/3D 制图 本地存
阅读全文
