资源名称: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 元素<script>与的使用
实例3-4 元素
的使用
实例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 使用Javascript代码实现元素拖放
实例11-2 元素在拖放过程中触发的事件
实例11-3 使用setData与getData方法存入与读取拖放数据
实例11-4 使用setDragImage方法设置拖放图标
实例11-5 使用effectAllowed与dropEffect属性设置拖放效果
实例11-6 使用拖放API将商品拖入购物车
实例11-7 使用拖放API将图片拖入回收站
资源截图:
评论(0)