前言
前言
随着HTML 5规范和ECMAScript 8标准的正式发布,大量的前端业务逻辑极大地增加了前端的代码量,前端代码的模块化、按需加载和依赖管理势在必行,因此Web前端开发技术越来越被人们重视。HTML 5作为Web前端开发的基石,是前端和后端开发者的技能,目前绝大部分前端框架都是基于HTML 5技术。本书在HTML、CSS和JavaScript语言基础上,重点阐述HTML 5语义特性、HTML 5 Form表单、Canvas和SVG绘图、多媒体API、本地存储、文件API、ServerSent Events、WebSocket和Notification通信、离线应用、XMLHttpRequest Level 2、Web Worker多线程、Geolocation位置定位等技术。本书不再是知识点的铺陈,而是致力于将知识点融入案例中,在案例设计上力求贴合实际需求。本书特色是结构清晰,针对知识点从【语法】、【示例】、【案例】三个层次进行递进式学习,能够从初学者角度出发,对每个知识点深入分析并阶梯式层层强化,让读者对知识点从入门到精通,StepByStep脚踏实地学习编程技术。除此之外,每章配有本章目标、本章总结和本章练习,目标明确,便于及时总结和复习。通过本书的学习,读者能够快速理解并掌握各项重点知识,全面提高分析问题、解决问题以及动手编码的能力。本书既可作为高等院校本、专科计算机相关专业的教材,也可作为社会培训教材,是一本适合初学者学习和参考的读物。本书免费提供以下配套资源:
教学PPT 课后练习答案 教学大纲 考试大纲 案例源代码 重点案例视频讲解
注意: 案例源代码和重点案例视频讲解请先扫描封底刮刮卡中的二维码进行注册,再扫描书中二维码获取。
作者团队均具有十年以上的项目开发和教学经历,拥有丰富的教学经验和实践经验,曾先后研发和出版“高等院校软件专业方向”系列教材和“在实践中成长”系列教材,编写并出版了教材产品26种、实训教学产品7种,涉及HTML 5、Java、Android、.NET、大数据多个领域。由于时间有限,书中难免有疏漏和不足之处,恳请广大读者及专家不吝赐教,欢迎发送邮件到workemail6@163.com。编者2018年3月
导语摘要
本书针对HTML 5技术进行深入剖析和全面讲解,内容涵盖HTML 5语义特性、HTML 5 Form表单、Canvas和SVG绘图、多媒体API、本地存储、文件API、ServerSent Events、WebSocket和Notification通信、离线应用、XMLHttpRequest Level 2、Web Worker多线程、Geolocation位置定位等技术。由于HTML 5中的部分技术需要使用服务端来运行,故推荐HBuilder工具进行编码。在HBuilder工具中内置一个小型服务器,在浏览页面时服务器将自动启动,操作简单、易用。关于ServerSent Events、WebSocket、离线应用和XMLHttpRequest Level 2等技术需要与服务端进行交互,本书应用案例中分别使用Java Web和Node.js作为服务端技术来实现客户端和服务端之间的数据交互。本书重点突出、强调动手操作能力,以案例驱动(共给出180个案例),使读者能够快速理解并掌握各项重点知识,全面提高分析问题、解决问题以及动手编码的能力。本书可作为高等学校计算机科学与技术、软件外包、计算机软件、计算机网络、电子商务等专业相关课程的教材,也可作为培训机构的教材。
商品简介
本书针对HTML 5技术进行深入剖析和全面讲解,内容涵盖HTML 5语义特性、HTML 5 Form表单、Canvas和SVG绘图、多媒体API、本地存储、文件API、ServerSent Events、WebSocket和Notification通信、离线应用、XMLHttpRequest Level 2、Web Worker多线程、Geolocation位置定位等技术。 由于HTML 5中的部分技术需要使用服务端来运行,故推荐HBuilder工具进行编码。在HBuilder工具中内置一个小型服务器,在浏览页面时服务器将自动启动,操作简单、易用。关于ServerSent Events、WebSocket、离线应用和XMLHttpRequest Level 2等技术需要与服务端进行交互,本书应用案例中分别使用Java Web和Node.js作为服务端技术来实现客户端和服务端之间的数据交互。 本书重点突出、强调动手操作能力,以案例驱动(共给出180个案例),使读者能够快速理解并掌握各项重点知识,全面提高分析问题、解决问题以及动手编码的能力。 本书可作为高等学校计算机科学与技术、软件外包、计算机软件、计算机网络、电子商务等专业相关课程的教材,也可作为培训机构的教材。
目录
目录
第1章HTML 5入门
1.1HTML 5概述
1.1.1HTML 5发展历程
1.1.2HTML 5八大特性
1.2HTML 5现状
1.2.1浏览器对HTML 5的支持情况
1.2.2检查浏览器支持情况
1.3HTML 5的变化
1.3.1HTML 5标记方式的改进
1.3.2HTML 5废弃的元素
1.3.3HTML 5新增的元素
1.4HTML 5全局属性
本章总结
本章练习
第2章HTML 5文档结构
2.1HTML 5文档结构元素
2.1.1article元素
2.1.2section元素
2.1.3nav元素
2.1.4header和hgroup元素
2.1.5aside元素
2.1.6footer元素
2.2HTML 5其他新增元素
2.3改良后的标签
2.4HTML 5拖放API
本章总结
本章练习
第3章HTML 5表单
3.1HTML 5表单概述
3.2HTML 5表单的改良
3.2.1HTML 5表单控件
3.2.2HTML 5表单属性
3.2.3HTML 5表单控件属性
3.2.4HTML 5表单验证
本章总结
本章练习
第4章Canvas绘图
4.1Canvas元素
4.1.1HTMLCanvasElement
4.1.2CanvasRenderingContext2D
4.1.3Canvas坐标系
4.2绘制矩形
4.3绘制文本
4.4绘制路径
4.5绘制图像
4.5.1图像加载
4.5.2像素处理
4.5.3图像平铺
4.6图形合成
4.7图形变换
4.8图形渐变
本章总结
本章练习
第5章SVG绘图
5.1SVG概述
5.1.1SVG发展历程
5.1.2SVG特点
5.1.3SVG的使用
5.2SVG基本数据类型
5.3SVG框架元素
5.4SVG形状元素
5.5SVG路径
5.6SVG样式
5.6.1SVG元素使用样式
5.6.2SVG文件引用样式
5.7文本内容
5.8渐变填充
5.9滤镜元素
5.10动画与事件响应
本章总结
本章练习
第6章多媒体API
6.1多媒体概述
6.1.1多媒体格式
6.1.2HTML 5对多媒体的支持
6.2HTML 5多媒体元素
6.3多媒体API的使用
6.4摄像头的捕获
6.5视频截图
本章总结
本章练习
第7章本地存储
7.1Cookie技术
7.2Web Storage
7.2.1Session
Storage
7.2.2Local
Storage
7.2.3Storage
Event
7.3Indexed Database
7.3.1IndexedDB
API
7.3.2Indexed数据操作
7.3.3Indexed检索
本章总结
本章练习
第8章文件API
8.1文件API概述
8.2File API
8.2.1Blob接口
8.2.2File接口
8.2.3FileList接口
8.2.4FileReader接口
8.2.5URL接口
8.3FileWriter API
8.4FileSystem API
8.4.1申请磁盘配额
8.4.2请求访问系统
8.4.3文件操作
8.4.4目录操作
本章总结
本章练习
第9章ServerSent Events
9.1ServerSent Events概述
9.1.1MessageEvent接口
9.1.2EventSource接口
9.2基于Servlet的动态图形报表
9.2.1服务端的实现
9.2.2客户端的实现
9.3基于Node.js的动态图形报表
9.3.1服务端的实现
9.3.2客户端的实现
本章总结
本章练习
第10章WebSocket和Notification
10.1WebSocket概述
10.1.1WebSocket接口
10.1.2基于Java的WebSocket示例
10.1.3基于Node.js的WebSocket示例
10.2Notification概述
10.3网络聊天室
10.3.1聊天室客户端公共模块
10.3.2基于Java的网络聊天室
10.3.3基于Node.js的网络聊天室
本章总结
本章练习
第11章离线应用和XHR 2
11.1离线应用
11.1.1manifest文件
11.1.2applicationCache对象
11.1.3Browser
State
11.1.4Web应用的交互过程
11.2XMLHttpRequest
11.2.1XMLHttpRequest
Level 1
11.2.2XMLHttpRequest
Level 2
11.2.3基于Java的拍照上传
11.2.4基于Node.js的拍照上传
本章总结
本章练习
第12章Web Worker和地理位置
12.1Web Worker概述
12.1.1Worker接口
12.1.2Worker线程嵌套
12.1.3SharedWorker接口
12.2地理位置
12.3百度地图API
本章总结
本章练习
附录AHTML 5新增和弃用标签
附录BNPM工具
内容摘要
本书针对HTML 5技术进行深入剖析和全面讲解,内容涵盖HTML 5语义特性、HTML 5 Form表单、Canvas和SVG绘图、多媒体API、本地存储、文件API、ServerSent Events、WebSocket和Notification通信、离线应用、XMLHttpRequest Level 2、Web Worker多线程、Geolocation位置定位等技术。
由于HTML 5中的部分技术需要使用服务端来运行,故推荐HBuilder工具进行编码。在HBuilder工具中内置一个小型服务器,在浏览页面时服务器将自动启动,操作简单、易用。关于ServerSent Events、WebSocket、离线应用和XMLHttpRequest Level 2等技术需要与服务端进行交互,本书应用案例中分别使用Java Web和Node.js作为服务端技术来实现客户端和服务端之间的数据交互。
本书重点突出、强调动手操作能力,以案例驱动(共给出180个案例),使读者能够快速理解并掌握各项重点知识,全面提高分析问题、解决问题以及动手编码的能力。
本书可作为高等学校计算机科学与技术、软件外包、计算机软件、计算机网络、电子商务等专业相关课程的教材,也可作为培训机构的教材。
主编推荐
本书从浅到深逐步讲解,通过语法、示例、案例层进方式阐释HTML 5新特性。通过精彩案例,综合应用多种HTML 5技术,从而实现“知识是基础,能力是目标”,且部分案例给出视频讲解。服务端使用JavaWeb和NodeJS两种技术,本书适用于Java程序员和Web前端开发人员。
精彩内容
第5章SVG绘图本章目标 了解SVG发展历程及特点。 熟悉SVG的使用方式。 掌握SVG基本数据类型和框架元素。 熟练使用SVG绘制各种形状元素和文本内容。 了解SVG路径的绘制原理。 熟悉SVG样式及渐变填充。 了解SVG滤镜的使用。 了解SVG的事件机制和动画原理。
5.1SVG概述SVG(Scalable Vector Graphics)是一种可缩放的矢量图形,通过XML语言格式来描述定义图形。使用SVG技术可以在网页中绘制出各种形状的高品质矢量图形,常见的矢量图包括图形、
以下为对购买帮助不大的评价