疯狂HTML 5/CSS 3/JavaScript讲义.pdf

疯狂HTML 5/CSS 3/JavaScript讲义.pdf
 

书籍描述

编辑推荐
《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》对HTML 5、CSS 3、JavaScript的介绍是“从零开始”的,因此阅读《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》并不需要额外的基础。对于刚刚从事前端开发的新人,《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》具有很好的学习价值;对于有一定工作经验的前端工程师,《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》具有很高的参考价值。《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》也可作为高校、培训机构的培训教材。

目录

第一部分
第1章 HTML 5简介
1.1 HTML历史与HTML
1.1.1 HTML发展历史
1.1.2 HTML 4.01和XHTML
1.1.3 HTML和XHTML的文档类型定义(DTD)
1.1.4 从XHTML到HTML
1.2 HTML 5的优势
1.2.1 解决跨浏览器问题
1.2.2 部分代替了原来的JavaScript
1.2.3 更明确的语义支持
1.2.4 增强了Web应用程序的功能
1.3 HTML 5的基本结构和语法变化
1.3.1 HTML 5基本结构
1.3.2 HTML 5的语法变化
1.4 本章小结
第2章 HTML 5的常用元素与属性
2.1 HTML 5保留的常用元素
2.1.1 基本元素
2.1.2 文本格式化元素
2.1.3 语义相关元素
2.1.4 超链接和锚点
2.1.5 列表相关元素
2.1.6 图像相关元素
2.1.7 表格相关元素
2.1.8 框架相关元素
2.2 HTML 5新增的通用属性
2.2.1 contentEditable属性
2.2.2 designMode属性
2.2.3 hidden属性
2.2.4 spellcheck属性
2.3 HTML 5新增的常用元素
2.3.1 文档结构元素
2.3.2 语义相关元素
2.3.3 两个特殊功能的元素
2.4 HTML 5头部和元信息
2.5 HTML 5新增的拖放API
2.5.1 启动拖动
2.5.2 接受“放”
2.5.3 DataTransfer对象
2.5.4 拖放行为
2.5.5 改变拖放图标
2.6 本章小结
第3章 HTML 5表单相关元素和属性
3.1 HTML原有的表单及表单控件
3.1.1 表单元素
3.1.2 使用input元素
3.1.3 使用label定义标签
3.1.4 使用button定义按钮
3.1.5 列表框和下拉菜单
3.1.6 使用textarea定义文本域
3.2 HTML 5新增的属性与元素
3.2.1 HTML 5为表单控件新增的属性
3.2.2 功能丰富的input元素
3.2.3 HTML 5新增的表单控件
3.3 HTML 5增强的文件上传域
3.3.1 FileList对象与File对象
3.3.2 使用FileReader读取文件内容
3.4 HTML 5新增的客户端校验
3.4.1 使用校验属性执行校验
3.4.2 调用checkValidity方法进行校验
3.4.3 自定义错误提示
3.4.4 关闭校验
3.5 本章小结
第4章 HTML 5的绘图支持
4.1 使用canvas元素
4.2 绘图
4.2.1 canvas绘图基础:CanvasRenderingContext2D
4.2.2 绘制几何图形
4.2.3 绘制字符串
4.2.4 设置阴影
4.2.5 使用路径
4.2.6 绘制曲线
4.2.7 绘制位图
4.3 图形特效处理
4.3.1 使用坐标变换
4.3.2 坐标变换与路径结合使用
4.3.3 使用矩阵变换
4.4 控制叠加风格
4.5 控制填充风格
4.5.1 线性渐变
4.5.2 圆形渐变
4.5.3 位图填充
4.6 位图处理
4.6.1 位图裁剪
4.6.2 像素处理
4.7 输出位图
4.8 本章小结
第5章 HTML 5的多媒体支持
5.1 使用audio和video元素
5.2 使用JavaScript脚本控制媒体播放
5.2.1 HTMLAudioElement与HTMLVideoElement支持的方法
5.2.2 HTMLAudioElement与HTMLVideoElement的属性
5.3 事件监听
5.3.1 事件
5.3.2 监听器
5.4 本章小结
第二部分
第6章 级联样式单与CSS选择器
6.1 样式单概述
6.1.1 CSS概述
6.1.2 CSS的发展历史
6.2 CSS样式单的基本使用
6.2.1 引入外部样式文件
6.2.2 导入外部样式单
6.2.3 使用内部CSS样式
6.2.4 使用内联样式
6.3 CSS选择器
6.3.1 元素选择器
6.3.2 属性选择器
6.3.3 ID选择器
6.3.4 class选择器
6.3.5 包含选择器
6.3.6 子选择器
6.3.7 CSS 3新增的兄弟选择器
6.3.8 选择器组合
6.4 伪元素选择器
6.4.1 内容相关的属性
6.4.2 插入图像
6.4.3 只插入部分元素
6.4.4 配合quotes属性执行插入
6.4.5 配合counter-increment属性添加编号
6.4.6 使用自定义编号
6.4.7 添加多级编号
6.5 CSS 3.0新增的伪类选择器
6.5.1 结构性伪类选择器
6.5.2 UI元素状态伪类选择器
6.5.3 浏览器专属的属性
6.5.4 :not和:target
6.6 在脚本中修改显示样式
6.6.1 随机改变页面的背景色
6.6.2 动态增加立体效果
6.7 本章小结
第7章 字体与文本相关属性
7.1 字体相关属性
7.1.1 添加阴影
7.1.2 添加多个阴影
7.1.3 使用font-size-adjust属性微调字体大小
7.2 CSS 3支持的颜色表示方法
7.3 文本相关属性
7.3.1 文本自动换行:word-break
7.3.2 长单词和URL地址换行
7.4 CSS 3新增的服务器字体
7.4.1 使用服务器字体
7.4.2 定义粗体、斜体字
7.4.3 优先使用客户端字体
7.5 本章小结
第8章 背景、边框和补丁相关属性
8.1 背景相关属性
8.1.1 背景图片固定
8.1.2 CSS 3新增的背景相关属性
8.1.3 CSS 3新增的多背景图片
8.2 边框相关属性
8.2.1 CSS 3提供的渐变边框
8.2.2 CSS 3提供的圆角边框
8.2.3 CSS 3提供的图片边框
8.3 补丁相关属性
8.3.1 内补丁相关属性
8.3.2 外补丁相关属性
8.4 本章小结
第9章 大小、定位、轮廓相关属性
9.1 大小相关属性
9.1.1 CSS 3新增的box-sizing属性
9.1.2 CSS 3新增的resize属性
9.2 定位相关属性
9.3 轮廓相关属性
9.4 本章小结
第10章 盒模型与布局相关属性
10.1 布局相关属性
10.1.1 通过float属性实现多栏布局
10.1.2 使用clear属性实现换行
10.1.3 使用clip属性控制裁剪
10.1.4 控制组件的滚动条
10.2 盒模型和display属性
10.2.1 两种最基本的盒模型
10.2.2 none值
10.2.3 inline-block盒模型
10.2.4 inline-table盒模型
10.2.5 表格相关的盒模型
10.2.6 list-item盒模型
10.2.7 run-in盒模型
10.3 对盒添加阴影
10.3.1 使用box-shadow属性
10.3.2 对表格及单元格添加阴影
10.4 CSS 3的多栏布局
10.4.1 CSS 3新增的分栏功能
10.4.2 使用盒模型实现多栏布局
10.5 本章小结
第11章 表格、列表相关属性及media query
11.1 表格相关属性
11.2 列表相关属性
11.3 控制光标的属性
11.4 media query功能
11.4.1 media query语法
11.4.2 针对浏览器宽度调整布局
11.5 本章小结
第12章 变形与动画相关属性
12.1 CSS 3提供的变形支持
12.1.14种基本变形
12.1.2 同时应用多种变形
12.1.3 指定变形中心点
12.1.4 使用矩阵变换
12.2 CSS 3提供的Transition动画
12.2.1 多个属性同时渐变
12.2.2 指定动画速度
12.3 CSS 3提供的Animation动画
12.3.1 同时改变多个属性的动画
12.3.2 鱼眼效果
12.4 本章小结
第三部分
第13章 JavaScript语法详解
13.1 JavaScript简介
13.1.1 运行JavaScript
13.1.2 导入JavaScript文件
13.2 数据类型和变量
13.2.1 定义变量的方式
13.2.2 类型转换
13.2.3 变量
13.3 基本数据类型
13.3.1 数值类型
13.3.2 字符串类型
13.3.3 布尔类型
13.3.4 undefined和null
13.3.5 正则表达式
13.4 复合类型
13.4.1 对象
13.4.2 数组
13.4.3 函数
13.5 运算符
13.5.1 赋值运算符
13.5.2 算术运算符
13.5.3 位运算符
13.5.4 加强的赋值运算符
13.5.5 比较运算符
13.5.6 逻辑运算符
13.5.7 三目运算符
13.5.8 逗号运算符
13.5.9 void运算符
13.5.10 typeof和instanceof运算符
13.6 语句
13.6.1 语句块
13.6.2 空语句
13.6.3 异常抛出语句
13.6.4 异常捕捉语句
13.6.5 with语句
13.7 流程控制
13.7.1 分支
13.7.2 while循环
13.7.3 do while循环
13.7.4 for循环
13.7.5 for in循环
13.7.6 break和continue
13.8 函数
13.8.1 定义函数的3种方式
13.8.2 递归函数
13.8.3 局部变量和局部函数
13.8.4 函数、方法、对象和类
13.8.5 函数的实例属性和类属性
13.8.6 调用函数的3种方式
13.8.7 函数的独立性
13.9 函数的参数处理
13.9.1 基本类型和复合类型的参数传递
13.9.2 空参数
13.9.3 参数类型
13.10 使用对象
13.10.1 面向对象的概念
13.10.2 对象和关联数组
13.10.3 继承和prototype
13.11 创建对象
13.11.1 使用new关键字调用构造器创建对象
13.11.2 使用Object直接创建对象
13.11.3 使用JSON语法创建对象
13.12 本章小结
第14章 DOM编程详解
14.1 DOM模型概述
14.2 DOM模型和HTML文档
14.2.1 HTML元素之间的继承关系
14.2.2 HTML元素之间常见的包含关系
14.3 访问HTML元素
14.3.1 根据ID访问HTML元素
14.3.2 利用节点关系访问HTML元素
14.3.3 访问表单控件
14.3.4 访问列表框、下拉菜单的选项
14.3.5 访问表格子元素
14.4 修改HTML元素
14.5 增加HTML元素
14.5.1 创建或复制节点
14.5.2 添加节点
14.5.3 为列表框、下拉菜单添加选项
14.5.4 动态添加表格内容
14.6 删除HTML元素
14.6.1 删除节点
14.6.2 删除列表框、下拉菜单的选项
14.6.3 删除表格的行或单元格
14.7 传统的DHTML模型
14.8 使用window对象
14.8.1 访问历史
14.8.2 访问页面URL
14.8.3 客户机屏幕信息
14.8.4 弹出新窗口
14.8.5 确认对话框和输入对话框
14.8.6 使用定时器
14.9 navigator和地理位置
14.9.1 HTML 5新增的geolocation属性
14.9.2 获取地理位置
14.9.3 在Google地图上定
14.10 使用document对象
14.10.1 动态页面
14.10.2 读写Cookie
14.11 HTML 5新增的浏览器分析
14.11.1 分析时间性能
14.11.2 分析导航行为
14.12 本章小结
第15章 事件处理机制
15.1 基本事件模型
15.1.1 绑定HTML元素属性
15.1.2 绑定DOM对象属性
15.1.3 事件处理函数和关键字this
15.1.4 使用返回值改变默认行为
15.1.5 在代码中触发事件
15.2 Internet Explorer的事件模型
15.2.1 使用script for绑定
15.2.2 使用attachEvent方法执行绑定
15.2.3 访问事件对象
15.2.4 事件冒泡
15.2.5 重定向事件
15.2.6 取消事件默认行为
15.2.7 捕获鼠标事件
15.3 DOM的事件模型
15.3.1 绑定事件处理器
15.3.2 访问事件对象
15.3.3 事件传播
15.3.4 转发事件
15.3.5 取消事件的默认行为
15.4 本章小结
第16章 本地存储与离线应用
16.1 Web Storage
16.1.1 Storage接口
16.1.2 使用Storage存储、读取数据
16.1.3 基于Web Storage的客户端留言板
16.1.4 存储结构化数据
16.2 离线应用
16.2.1 离线应用与浏览器缓存的区别
16.2.2 构建离线应用
16.2.3 判断在线状态
16.2.4 applicationCache对象
16.2.5 离线应用的事件与监听
16.3 本章小结
第17章 使用Worker创建多线程
17.1 使用Worker创建多线程
17.2 与Worker线程进行数据交换
17.2.1 与Worker线程交换数据
17.2.2 Worker线程中可用的API
17.3 Worker线程嵌套
17.3.1 嵌套Worker线程
17.3.2 子线程之间的数据交换
17.4 本章小结
第18章 客户端通信
18.1 跨文档消息传递
18.1.1 postMessage与onmessage
18.1.2 跨文档消息传递示例
18.1.3 发送复杂消息
18.2 使用WebSocket与服务器通信
18.2.1 WebSocket接口
18.2.2 使用WebSocket进行通信
18.2.3 基于WebSocket的多人实时聊天
18.3 本章小结
第四部分
第19章 HTML 5的疯狂俄罗斯方块
19.1 俄罗斯方块简介
19.2 开发游戏界面
19.2.1 开发界面布局
19.2.2 开发游戏界面组件
19.3 俄罗斯方块的数据模型
19.3.1 定义数据模型
19.3.2 初始化游戏状态数据
19.4 实现游戏逻辑
19.4.1 处理方块掉落
19.4.2 处理方块左移
19.4.3 处理方块右移
19.4.4 处理方块旋转
19.4.5 初始化游戏状态
19.5 本章小结

文摘
版权页:

疯狂HTML 5/CSS 3/JavaScript讲义

插图:

疯狂HTML 5/CSS 3/JavaScript讲义


在上面这些表单控件中,单行文本框、密码输入框都用于接收用户输入,而隐藏域不能接收用户输入,也不能生成可视化部分,它用于提交额外的请求参数,请求参数的值就是该隐藏域的value属性值,因此定义隐藏域的同时应指定value属性值。
单选框、复选框不能接收用户输入,因此定义它们时同时也会指定value属性值,用于设置它们所对应的请求参数值。对于单选框、复选框而言,当它们被勾选后,它们才会生成对应的请求参数。
文件上传域会生成一个单行文本框和一个“浏览”按钮,该文件上传域允许用户浏览本地磁盘文件,并将该文件上传到服务器。
图像域和提交按钮的作用基本一样,单击它们都会导致表单被提交,区别是图像域是一个图像按钮。
重设按钮的作用是清空表单内用户的输入,将表单内所有表单控件的值恢复到初始状态。
无动作按钮,看它的名称就知道,它只是一个按钮,在默认情况下,单击该按钮对表单不会有任何作用。通常我们可以为该钮编写JavaScript脚本来响应它的单击、双击等事件。

内容简介
《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML 5的绘图支持、HTML 5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外,《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》还系统地介绍了JavaScript编程知识,包括JavaScript基本语法、DOM编程,以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》的定位是一本前端开发的“实战性”图书,因此在介绍各知识点时并不是简单地停留在知识点层面阐述,而是结合了大量实例来让读者对照练习、学以致用。《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》最后还提供了一个基于HTML 5技术的小游戏:疯狂俄罗斯方块。该游戏综合运用了HTML 5的绘图支持、客户端存储等技术,具有较高的参考价值。《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》提供了配套的答疑网站,如果读者在阅读《疯狂软件教育标准教材:疯狂HTML 5/CSS 3/JavaScript讲义》时遇到了技术问题,可以登录疯狂Java联盟发帖,笔者将会及时予以解答。

购买书籍

当当网购书 京东购书 卓越购书

PDF电子书下载地址

相关书籍

搜索更多