Web前端开发基础PDF电子书下载

第1章 前端开发概述 1

1.1 前端开发综述 1

1.1.1 页面标记（HTML） 1

1.1.2 页面样式 1

1.1.3 前端编程 2

1.1.4 跨平台，跨浏览器 2

1.1.5 前端框架 2

1.1.6 调试工具 2

1.1.7 沟通能力 3

1.2 界面布局 3

1.2.1 页面尺寸 3

1.2.2 整体造型 3

1.2.3 页头 4

1.2.4 文本 4

1.2.5 图片 4

1.2.6 多媒体 4

1.2.7 页脚 4

1.3 界面配色 5

1.3.1 网页界面配色的重要性 5

1.3.2 网页界面配色的一般原理 5

第2章 HTML5 7

2.1 HTML语言的语法特点 8

2.2 HTML DOM 9

2.3 基本标签 12

2.3.1 HTML5网页结构 12

2.3.2 HTML5页面规划 14

2.3.3 HTML5基本标签 24

2.4 列表标签 35

2.4.1 有序列表 36

2.4.2 无序列表 36

2.4.3 自定义列表 38

2.5 表格标签 39

2.5.1 定义表格的基本语法 39

2.5.2 表格＜table＞标签的属性 39

2.5.3 表格的边框显示状态frame 40

2.5.4 设置分隔线的显示状态rules 40

2.5.5 表格行的设定 41

2.5.6 单元格的设定 41

2.5.7 表格的表头 42

2.5.8 表格中的空单元格 42

2.5.9 跨行与跨列的单元格 43

2.5.10 表格分组标记 46

2.6 表单标签 46

2.6.1 form标签 46

2.6.2 input标签 46

2.6.3 select标签 52

2.6.4 textarea标签 52

2.6.5 HTML5新增表单元素 54

2.6.6 HTML5新增表单属性 55

2.7 框架标签 59

2.7.1 基本结构 59

2.7.2 ＜Frameset＞标签 59

2.7.3 ＜frame＞标签 60

2.7.4 ＜noframes＞标签 61

2.7.5 iframe语法和用法 64

2.7.6 透明iframe 65

2.8 多媒体 65

2.8.1 HTML 5视频 65

2.8.2 HTML 5音频 67

2.9 画布 68

2.9.1 canvas的属性和方法 69

2.9.2 绘制线条 71

2.9.3 绘制圆形 72

2.9.4 绘制渐变 73

2.9.5 绘制图像 74

第3章 CSS3 75

3.1 CSS3简介 75

3.1.1 CSS3的更新 75

3.1.2 CSS工作原理 76

3.1.3 CSS规则 77

3.2 样式添加方式 78

3.2.1 行内样式 78

3.2.2 内嵌样式 79

3.2.3 外部样式 79

3.3 CSS3选择器 81

3.3.1 基本选择器 82

3.3.2 属性选择器 86

3.3.3 伪类选择器 91

3.4 盒子模型 97

3.5 CSS样式属性 101

3.5.1 布局与定位属性 101

3.5.2 文本属性 110

3.5.3 字体属性 116

3.5.4 背景属性 119

3.5.5 列表属性 122

3.5.6 边界属性 125

3.5.7 边框属性 127

3.5.8 浮动和清除 129

3.5.9 显示属性 135

3.6 动画及3D转换 135

3.6.1 CSS3@keyframes规则 135

3.6.2 创建CSS3动画 137

3.6.3 CSS3动画属性 139

3.6.4 3D转换 141

第4章 JavaScript 143

4.1 JavaScript简介 143

4.2 JavaScript语法基础 144

4.2.1 添加JavaScript脚本 144

4.2.2 变量 146

4.2.3 数据类型 147

4.2.4 运算符 147

4.2.5 注释 149

4.3 流程语句 149

4.3.1 条件语句 149

4.3.2 循环语句 150

4.3.3 break和continue 151

4.4 函数与事件 153

4.4.1 函数（Function） 153

4.4.2 事件（Event） 155

4.4.3 事件与函数的关联 160

4.5 内置对象 161

4.5.1 数组对象（Array） 161

4.5.2 字符串对象（String） 167

4.5.3 数学对象（Math） 172

4.5.4 日期对象（Date） 173

4.6 浏览器对象模型（BOM） 174

4.6.1 Window对象 175

4.6.2 Navigator对象 180

4.6.3 Screen对象 180

4.6.4 History对象 181

4.6.5 Location对象 182

4.7 JavaScript DOM对象 183

4.7.1 document对象概述 184

4.7.2 DOM节点操作 185

4.8 异常处理 188

4.8.1 利用try-catch-finally处理异常 188

4.8.2 利用throw处理异常 189

第5章 JQuery 190

5.1 JQuery简介 190

5.1.1 JQuery的优势 190

5.1.2 JQuery库类型说明 192

5.1.3 JQuery环境配置 192

5.1.4 JQuery语法 192

5.1.5 第一个JQuery程序 193

5.2 选择器 194

5.2.1 选择器的定义 194

5.2.2 基本选择器 194

5.2.3 使用JQuery基本选择器选择元素 194

5.2.4 层次选择器 196

5.2.5 过滤选择器 196

5.2.6 表单选择器 199

5.2.7 选择器实例 199

5.3 DOM节点操作 205

5.3.1 元素节点操作 207

5.3.2 元素属性操作 212

5.3.3 元素内容操作 214

5.3.4 获取或设置元素值 215

5.3.5 遍历节点 215

5.3.6 元素样式操作 217

5.3.7 DOM节点操作实例 217

5.4 事件与动画 220

5.4.1 事件机制 221

5.4.2 页面载入事件 221

5.4.3 绑定事件 222

5.4.4 hover（）方法 222

5.4.5 toggle（）方法 223

5.4.6 事件对象的属性 223

5.4.7 移除事件 224

5.4.8 JQuery动画 225

5.5 JQuery Ajax编程 227

5.5.1 Ajax的优势 228

5.5.2 Ajax的XMLHttpRequest对象 228

5.5.3 JQuery中的load（）方法 228

5.5.4 全局函数getScript（） 229

5.5.5 $.get）方法和$.post（）方法 230

5.5.6 $.ajax（）方法 232

5.5.7 JQuery中的Ajax全局事件 237

参考文献 239