HTML5实战_前端开发教程

资源名称：HTML5实战

内容简介：

陶国荣编著的《HTML5实战》是一本系统而全面的HTML 5教程，根据HTML 5标准的最新草案，系统地对HTML 5的所有重要知识点进行了全面的讲解。在写作方式上，本书以一种开创性的方式使理论与实践达到极好的平衡，不仅对理论知识进行了清晰而透彻的阐述，而且根据读者理解这些知识的需要，精心设计了106个完整（每个案例分为功能描述、实现代码、效果展示和代码分析4个部分）的实战案例，旨在帮助读者通过实践的方式迅速掌握这些知识。

《HTML5实战》共11章，内容涵盖了HTML 5的各个方面。第1章通过实现一个简单的HTML 5页面讲解了如何搭建支持HTML 5的浏览器环境、HTML 5页面所具备的特征，以及如何检测浏览器对HTML 5的各种特性的支持情况；第2章介绍了HTML 5中常用的交互元素，包括内容交互元素、菜单交互元素和状态交互元素等几大类；第3章介绍了HTML根元素、文档元素，以及与脚本、节点、分组内容、文本层次语义、嵌入内容、公共属性相关的重要元素；第4章和第5章讲解了HTML 5中的表单和文件的功能特性以及常见的各种操作；第6章和第7章讲解了HTML 5中的音频、视频和绘图相关的知识，重点讲解了各种常见的操作和使用方法；第8章和第9章讲解了HTML 5中的数据存储和离线应用；第10章对Web Sockets、Geolocation、Web Workers、元素的拖放等重要内容进行了全面的讲解。

本书适合所有想系统学习HTML 5的读者阅读。如果按照本书的顺序逐章阅读，同时亲自动手实现本书中的案例，相信一定能达到事半功倍的效果。

资源目录：

前言

第1章 拥抱HTML

第2章 HTML5中常用的交互元素

第3章 HTML5中的重要元素

第4章 HTML5中的表单 

第5章 HTML5中的文件 

第6章 HTML5中的视频和音频

第7章 HTML5绘图基础 

第8章 HTML5中的数据存储

第9章 HTML5中的离线应用 

第10章 HTML5中的其他应用型API

第11章 HTML5中元素的拖放 

实例

目录 

实例1-1 检测浏览器是否支持HTML5 

实例1-2 Hello,World页面的实现 

实例1-3 页面分栏实现 

实例1-4 样式化页面实现 

实例2-1 交互元素

的使用 

实例2-2 用脚本控制交互元素

的使用 

实例2-3 交互元素

与

的结合使用 

实例2-4 交互元素

的使用 

实例2-5 交互元素与

的结合使用 

实例2-6 交互元素的使用 

实例2-7 交互元素的使用 

实例3-1 元素的使用 

实例3-2 元素的使用 

实例3-3 元素<ｓｃｒｉｐｔ>与的使用 

实例3-4 元素

1. 的使用 

实例3-5 元素的使用 

实例3-6 元素的使用 

实例3-7 公共属性draggable的使用 

实例3-8 公共属性hidden的使用 

实例3-9 公共属性spellcheck的使用 

实例3-10 公共属性contenteditable的使用 

实例4-1 email类型的元素的使用 

实例4-2 url类型的元素的使用 

实例4-3 number类型的元素的使用 

实例4-4 range类型的元素实现颜色选择器 

实例4-5 分类展示不同形式的选择日期 

实例4-6 search类型的元素的使用 

实例4-7元素中autofocus属性的使用 

实例4-8元素中pattern属性的使用 

实例4-9元素中placeholder属性的使用 

实例4-10元素中required属性的使用 

实例4-11元素的使用 

实例4-12元素的使用 

实例4-13元素的使用 

实例4-14 调用表单的checkValidity方法 

实例4-15 调用表单的setCustomValidity方法 

实例4-16 表单中novalidate属性的使用 

实例5-1 选择单个文件上传 

实例5-2 选择多个文件上传 

实例5-3 获取上传文件的类型与大小 

实例5-4 通过类型过滤上传文件 

实例5-5 通过accept属性过滤上传文件的类型 

实例5-6 使用readAsDataURL方法预览图片 

实例5-7 使用readAsText方法读取文本文件 

实例5-8 展示文件读取时触发事件的先后顺序 

实例5-9 使用DataTransfer对象拖放上传图片文件 

实例6-1 使用多媒体元素播放文件 

实例6-2 设置

实例6-3 设置

实例6-4 设置

实例6-5 获取

实例6-6 获取

实例6-7 自定义

实例6-8 使用canPlayType方法检测浏览器支持媒体类型 

实例6-9 获取多媒体元素在播放事件中的不同状态 

实例6-10 通过timeupdate事件动态显示媒体文件播放时间 

实例7-1 使用元素绘制正方形 

实例7-2 使用元素绘制带边框的矩形 

实例7-3 使用元素绘制有渐变色的图形 

实例7-4 使用moveTo与lineTo方法绘制多条直线 

实例7-5 使用arc方法绘制多个不同样式的圆形 

实例7-6 使用元素绘制径向渐变的圆形 

实例7-7 使用元素移动、缩放、旋转图形 

实例7-8 使用元素设置多图形组合显示的方式 

实例7-9 使用元素添加绘制图形阴影 

实例7-10 使用drawImage方法在画布中绘制图像 

实例7-11 使用createPattern方法在画布中平铺图像 

实例7-12 使用clip方法在画布中切割图像 

实例7-13 使用getImageData与putImageData方法处理图像像素 

实例7-14 使用fillText与strokeText方法绘制文字 

实例7-15 在画布中保存、恢复及输出图形 

实例7-16 在画布中制作简单的动画 

实例8-1 使用sessionStorage对象保存与读取临时数据 

实例8-2 使用localStorage对象保存与读取登录用户名与密码 

实例8-3 清空localStorage对象保存的全部数据 

实例8-4 遍历localStorage对象保存的全部数据 

实例8-5 使用JSON对象存取数据 

实例8-6 管理localStorage数据 

实例8-7 使用openDatabase打开与创建数据库 

实例8-8 使用transaction方法执行事务 

实例8-9 使用executeSql方法插入记录 

实例8-10 使用executeSql方法管理数据记录 

实例9-1 开发一个简单的离线应用 

实例9-2 监测updateready事件触发 

实例9-3 使用update方法更新本地缓存 

实例9-4 使用swapCache方法更新本地缓存 

实例9-5 检测离线应用在加载过程中触发的事件 

实例9-6 通过onLine属性检测网络的当前状态 

实例9-7 通过online与offline事件检测网络的当前状态 

实例9-8 开发一个离线留言数据交互应用 

实例10-1 使用postMessage方法实现跨文档传输数据 

实例10-2 使用WebSocket对象传送数据 

实例10-3 使用WebSocket传送JSON对象 

实例10-4 使用getCurrentPosition方法获取出错数据信息 

实例10-5 使用getCurrentPosition方法获取地理位置信息 

实例10-6 使用Google地图锁定位置 

实例10-7 使用Worker对象处理线程 

实例10-8 使用线程传递JSON对象 

实例10-9 使用线程嵌套交互数据 

实例11-1 使用Javaｓｃｒｉｐｔ代码实现元素拖放 

实例11-2 元素在拖放过程中触发的事件 

实例11-3 使用setData与getData方法存入与读取拖放数据 

实例11-4 使用setDragImage方法设置拖放图标 

实例11-5 使用effectAllowed与dropEffect属性设置拖放效果 

实例11-6 使用拖放API将商品拖入购物车 

实例11-7 使用拖放API将图片拖入回收站

资源截图：