HTML5权威指南 | 第五部分高级功能

三十二、使用AJAX（上）

Ajax起步:


    
    
    


    Press a button.

使用Ajax事件:


    
    
    


    
        Event
        lenghtComputable
        loaded
        total

Ajax请求的错误处理:


    
    
    
    
    

    
    


    Press a Button.

中止Ajax请求:

三十三、使用AJAX（下）

准备向服务器发送数据:

手动收集和发送数据:

Ajax发送文件:

实时监控Ajax上传进度:

三十四、使用多媒体

使用video元素:

视频的预加载方式:

视频的点位图片:

指定视频格式:

音频:

DOM操作多媒体，获取媒体信息:



    
        Property
        Value

评估浏览器的支持能力:



    
        property
        value

控制媒体的播放:




    
        属性
        值

替换默认的媒体控制条:

三十五、使用Canvas（上）

绘制矩形:

擦除矩形区域:

绘制的线宽:

设置线条的连接样式:

设置填充色、笔触色:

渐变色填充:

渐变色区域和图形区域的大小不一致时:

径向渐变:

径向渐变色区域和图形区域不一致时:

图案填充:

保存和恢复绘制状态:

绘制图像:

绘制视频图像:

用canvas播放视频:

绘制canvas图像:

三十六、使用Canvas（下）

由直线创建路径:

使用 lineGap属性:

用rect方法绘制矩形子路径:

使用分离的子路径:

使用arcTo()绘制圆弧:

canvas响应鼠标事件:

使用arc方法，绘制圆弧:

绘制贝塞尔曲线:

创建剪切区域:

绘制文本:

使用globalCompositeOperation:


Composition Value:

变换:

三十七、拖放

定义可拖拽项目:


    
    
    
        Drop Here.

使用DataTransfer对象，传递数据:


    


    释放区域

拖放文件:


    Drop Files Here.

在表单中接受被拖放的文件:

三十八、地理定位

使用地理定位:


    
        Longitude: -
        Latitude: -
    
    
        Altitued: -
        Accuracy: -
    
    
        Altitude Accuracy: -
        Heading: -
    
    
        Speed: -
        Time Stamp: -
    
    
        Error Code: -
        Error Message: -

Longitude:	-	Latitude:	-
Altitued:	-	Accuracy:	-
Altitude Accuracy:	-	Heading:	-
Speed:	-	Time Stamp:	-
Error Code:	-	Error Message:	-

三十九、Web存储

本地存储:


    
        Key:
        
    
    
        Value:
        
    
    
        
        
    
    There are   items.


    
        Item Count:
        -

Item Count:	-

监听onstorage事件:


    
        key
        oldValue
        newValue
        url
        storageArea

会话存储:

onstorage事件:

四十、离线Web应用

定义问题:

检测浏览器是否离线:

您的浏览器处于 !

直接使用应用程序缓存:

第五部分结束！！！

HTML5权威指南 | 第五部分 高级功能