Modernizr
检测浏览器对一个API的支持:没有统一的方法,介绍一个开源Javascript库——Modernizr,它提供一个统一的接口来检测浏览器支持。主页地址:http://www.modernizr.com。要使用该库,需在页面中加载这个javascript库。
音频
与视频相似,使用方法也相似,当然,其编码标准亦没有统一。
jQuery
它是一个javascript库,目的是减少和简化处理DOM、使用Ajax,以及向页面增加视觉效果所需的代码和语法。
XHTML、XML
xhtml可是说是更严谨的XML,它可以使用SVG绘制形状,可以把XML直接嵌套在页面中,具体内容自己了解。SVG(Scalable Vector Graphics)可缩放矢量图形
除了画布之外,SVG也可以在web页面中自然地加入图形。它有个特点,可以随意放大缩小图形而不会像素化。
离线web应用
目前除了IE所有的现代桌面和移动浏览器都支持离线web应用!如何让你的web应用离线也能使用呢,可以创建一个缓存清单文件,其中包含应用所需的所有文件的一个清单,浏览器会下载所有这些文件,当设备离线使用时就会切换到这些本地文件。
<html manifest="notetoself.manifest">
//告诉web页面有这样一个清单文件
这里的notetoself.manifest文件包含:CACHE MANIFEST
CACHE:
notetoself.html
notetoself.css
notetoself.js
检测浏览器对一个API的支持:没有统一的方法,介绍一个开源Javascript库——Modernizr,它提供一个统一的接口来检测浏览器支持。主页地址:http://www.modernizr.com。要使用该库,需在页面中加载这个javascript库。
音频
与视频相似,使用方法也相似,当然,其编码标准亦没有统一。
jQuery
它是一个javascript库,目的是减少和简化处理DOM、使用Ajax,以及向页面增加视觉效果所需的代码和语法。
XHTML、XML
xhtml可是说是更严谨的XML,它可以使用SVG绘制形状,可以把XML直接嵌套在页面中,具体内容自己了解。SVG(Scalable Vector Graphics)可缩放矢量图形
除了画布之外,SVG也可以在web页面中自然地加入图形。它有个特点,可以随意放大缩小图形而不会像素化。
离线web应用
目前除了IE所有的现代桌面和移动浏览器都支持离线web应用!如何让你的web应用离线也能使用呢,可以创建一个缓存清单文件,其中包含应用所需的所有文件的一个清单,浏览器会下载所有这些文件,当设备离线使用时就会切换到这些本地文件。
<html manifest="notetoself.manifest">
//告诉web页面有这样一个清单文件
这里的notetoself.manifest文件包含:CACHE MANIFEST
CACHE:
notetoself.html
notetoself.css
notetoself.js
着手尝试之前需要知道,确保web服务器得到适当的设置,能够为缓存清单文件提供相应的编码MIME类型,另外,离线测试web应用也相当困难。实现了基本缓存之后,可以使用JS来得到缓存事件的通知,如更新,缓存状态等。
Web Socket
它是一个新增的API,允许与一个web服务的链接保持打开,只要有新数据web服务就可以把数据发送给你。
更多画布API
比如保存和恢复画布上下文,平移或旋转画布。还有其他的API,如拖放API跨文档消息传递API
选择器API
利用html5,有一种从DOM选择元素的新方法,这是手jQuery的启发。如document.querySelector("#id"),document.querySelectorAll("class")
web存储
Indexed数据库和web数据库(比web存储更专业),目前索引数据库得到了谷歌和火狐的支持