HTML5
文章平均质量分 73
qgmobile_conghua
这个作者很懒,什么都没留下…
展开
-
Canvas API
使用Canvas进行图形绘制步骤:1、获取Canvas对象;2、从Canvas对象获取上下文;3、使用上下文方法和属性进行绘制。指定颜色方法:1、以[#RRGGBB]方法指定:ctx.fillStyle = "#FF0000F" ;2、以rbg()指定,0~255范围:ctx.fillStyle = "rbg(255,0,0)" ; 3、同时指定透明度rb原创 2012-07-17 10:53:02 · 370 阅读 · 0 评论 -
Web存储
HTML5中,开发者有两种选择:Web Storage和Web SQL DatabaseWeb Storage:web存储机制是通过字符串形式的key/value对来安全的存储和使用数据的方法。Web存储与HTTPCookie的区别:(1)存储的容量:Web存储量大,更安全,更容易使用;对于Cookie的存储量是有限制的。对于IE浏览器,Cookie至多存储4KB信原创 2012-07-19 16:34:12 · 592 阅读 · 0 评论 -
Communication API
主要探讨用于构建实时跨源通信的两个重要模块:跨文档消息通信和XMLHttpRequest Level2。(一)跨文档消息通信通常出于安全方面考虑,运行于同一个浏览器的框架、标签页、窗口间的通信一直受到严重的限制,然而现实中存在一些合理的让不同站点的内容能在浏览器内进行交互的需求。为满足要求而引进的新功能:跨文档消息通信。可以确保窗口间进行跨源通信。发送消息通过postMessage原创 2012-07-19 16:29:58 · 687 阅读 · 0 评论 -
Ajax通信步骤
(一)创建XMLHttpRequest对象:重要属性有:status、statusText、 function CreateRequestObject() { var ajaxObject ; try{ ajaxObject = new XMLHttpRequest() ; //Opera 8.0+ , Fi原创 2012-07-19 16:21:29 · 1589 阅读 · 0 评论 -
HTML5新功能
(一)新的DOCTYPE和字符集DOCTYPE被简化: html5的DOCTYPE会触发浏览器以标准兼容模式显示页面;Web页面有多种显示模式:怪异模式(Quirks)、近标准模式(Almost Standards)、标准模式(Standards)字符集声明被简化: (二)新元素和旧元素元素分为7大类:1、内嵌:向文档中添加其他类型的内容;eg:audi原创 2012-07-19 16:19:23 · 480 阅读 · 0 评论 -
WebSocket API
HTML5 WebSocket是HTML5中最强大的通信功能,定义了一个全双工通信信道,仅通过Web上的一个Socket即可进行通信;是对常规HTTP通信的另一种增量加强。(一)实时和HTTP:WebSocket之前实现都是通过传统的Comet和Ajax轮询、长轮询以及流解决的。1、使用Comet技术可以让服务器主动以异步方式向客户端推送信息,会使针对传输信息到客户端的响应延迟完成。原创 2012-07-19 16:15:51 · 2114 阅读 · 0 评论 -
文件缓存
要实现文件缓存在客户端,可以使用根节点html元素的manifest属性,引用一个清单文件,使用UTF-8编码,列出了离线访问应用时需要缓存的文件清单。manifest属性定义的值是一个文件路径,所对应的MIME类型应该为text/cache-manifest。Eg:html文件(test.html):原创 2012-07-19 16:43:14 · 416 阅读 · 0 评论 -
Forms API
HTML5 Forms核心概念:规范的核心是功能性动作和语义,而非外观和显示效果。(一)HTML5表单包含了大量新的API和元素类型,分为两类:1、新的输入型控件: tel 电话号码 email 电子邮箱地址文本框 url 网页原创 2012-07-17 11:09:05 · 728 阅读 · 0 评论 -
拖放
(一)Web拖动发展:HTML5之前的拖动功能,是通过HTML和DOM公开的底层鼠标事件,结合CSS和JavaScript实现的近似拖放的系统。通常设计逻辑步骤:1、mousedown:用户按下鼠标开始操作。(拖动还是单击?)2、mousemove:如果鼠标没有松开,就开始移动。(拖动还是选择?)3、mouseover:鼠标移动到某个元素上。(想放置到此元素上?)4、mou原创 2012-07-17 11:05:55 · 456 阅读 · 0 评论 -
Web Wokers API
JavaScript是单线程,因此可能导致阻塞UI线程。Web Workers可以让Web应用程序具备后台处理能力,对多线程的支持非常好,但不能在Web Workers中执行的脚本访问页面的window对象,即Web Workers不能直接访问DOM API。Web Workers API的使用:1、浏览器支持检查: if (typeof(Worker) === "undefin原创 2012-07-17 10:56:17 · 841 阅读 · 0 评论 -
手机网页的HTML
元数据:定义缓存: content的值: public:任何地方可以缓存网页; private:单个用户私有,会在一个私有缓存区缓存网页,缓存的网页仅能发送给单个客户端; no-cache:不能缓存在任何缓存区域; no-store:响应和导致该响应的请求不能存储在任何缓存区内;原创 2012-07-19 16:40:33 · 1013 阅读 · 0 评论