第1篇 筑基篇 2
第1章 Web开发基础 2
1.1 什么是Web 2
1.1.1 WWW的产生 2
1.1.2 万维网的发展 3
1.1.3 Web终端的多样化与Web项目开发 3
1.2 Web前端开发技术基础 4
1.2.1 Web站点的构成 4
1.2.2 Web开发标准 5
1.2.3 Web前端技术的松耦合 8
1.3 Web开发工具 9
1.3.1 Dreamweaver系列开发工具 10
1.3.2 Eclipse系列及其衍生品 10
1.3.3 WebStorm系列 13
1.4 着手开发Web项目 14
1.4.1 Web项目开发模式 14
1.4.2 项目分工与协作 17
1.4.3 项目代码规范 19
1.5 项目代码的管理 30
1.5.1 版本控制工具 30
1.5.2 常用版本控制工具 32
1.5.3 版本操作规范 34
1.6 项目代码的调试 35
1.6.1 Firebug 35
1.6.2 F12开发人员工具 38
1.6.3 JSLint及JSHint 40
1.7 小结 41
第2章 Web元素的结构 43
2.1 XHTML结构语言基础 43
2.1.1 文档类型声明 43
2.1.2 标记 44
2.1.3 属性 46
2.1.4 属性和属性值的写法 48
2.1.5 注释 49
2.2 文档结构标记 49
2.2.1 文档头标记 49
2.2.2 文档主体标记 52
2.2.3 框架集标记 52
2.3 文档的布局 54
2.3.1 文档节布局 54
2.3.2 定义列表布局 55
2.3.3 无序列表布局 55
2.4 语义元素 56
2.4.1 块语义元素 56
2.4.2 内联语义元素 59
2.5 表格元素 60
2.5.1 表格标记 60
2.5.2 简单表格 61
2.5.3 完整表格 63
2.6 交互元素 65
2.6.1 表单 65
2.6.2 标签与数据集合组件 66
2.6.3 输入组件 67
2.6.4 列表菜单组件 70
2.6.5 文本字段组件 72
2.7 小结 73
第3章 Web元素的显示 74
3.1 结构和样式的松耦合 74
3.2 使用样式表 75
3.2.1 外部样式表 75
3.2.2 内部样式表 77
3.2.3 内联样式表 78
3.2.4 注释 78
3.3 选择Web元素 80
3.3.1 基本选择器 80
3.3.2 伪选择器 83
3.3.3 选择器的优先级 85
3.3.4 选择方法 86
3.4 属性和属性值 89
3.4.1 样式代码的写法 89
3.4.2 属性值的类型 90
3.4.3 属性的优先级 93
3.5 字体的样式 94
3.5.1 字体的系列 94
3.5.2 字体的其他样式 98
3.5.3 合并字体样式 101
3.6 文本的样式 103
3.7 容器的样式 104
3.7.1 容器的盒模型 105
3.7.2 容器的显示效果 105
3.7.3 容器的补白和填充 109
3.7.4 容器的边框 112
3.7.5 容器的背景和光标 115
3.8 列表与表格的样式 118
3.8.1 列表的样式 119
3.8.2 表格的样式 121
3.9 小结 123
第2篇 进阶篇 126
第4章 开发Web脚本 126
4.1 以交互为核心的Web 126
4.2 使用脚本语言 127
4.2.1 Javascript脚本语言简介 128
4.2.2 为文档插入脚本 128
4.2.3 Javascript语法 131
4.3 Javascript数据基础 132
4.3.1 变量与常量 132
4.3.2 数据类型 133
4.3.3 数据的运算 140
4.3.4 运算的优先级 146
4.4 代码流程控制 147
4.4.1 分支流程控制 148
4.4.2 迭代流程控制 154
4.4.3 流程的跳转 158
4.5 函数 161
4.5.1 创建函数 161
4.5.2 函数的参数 164
4.5.3 函数对象 167
4.6 小结 170
第5章 面向对象的编程 171
5.1 了解面向对象 171
5.1.1 传统的面向过程理念 171
5.1.2 面向对象方法的形成 172
5.2 面向对象的Javascript 175
5.2.1 Javascript原型对象 176
5.2.2 工厂函数 178
5.2.3 构造函数 180
5.2.4 类和对象的成员 183
5.2.5 对象的作用域 187
5.3 Javascript原生对象 190
5.3.1 字符串对象 190
5.3.2 日期对象 195
5.3.3 数组对象 199
5.3.4 正则表达式对象 208
5.4 小结 215
第6章 Web对象和交互 216
6.1 Web浏览器对象 216
6.1.1 窗口对象 216
6.1.2 浏览器对象 224
6.1.3 屏幕对象 225
6.1.4 历史记录与定位 226
6.2 HTML文档对象模型 228
6.2.1 HTMLDOM简介 229
6.2.2 Document对象 231
6.2.3 Element对象 236
6.3 处理交互事件 248
6.3.1 事件的原理 248
6.3.2 Javascript事件类型 249
6.3.3 Javascript事件对象 252
6.4 小结 257
第3篇 框架篇 260
第7章 使用YUI 260
7.1 认识YUI框架 260
7.1.1 YUI框架的开发背景 260
7.1.2 YUI框架整体剖析 263
7.2 加载YUI框架 265
7.2.1 获取YUI框架 265
7.2.2 加载包和模块 267
7.3 自定义YUI模块 269
7.3.1 创建自定义YUI模块 269
7.3.2 自定义模块的依赖 270
7.3.3 加载外部自定义YUI模块 271
7.3.4 自定义模块组 273
7.3.5 自定义包 275
7.4 自定义YUI配置 276
7.5 辅助工具 277
7.5.1 数据类型测试 277
7.5.2 处理简单变量 279
7.6 小结 281
第8章 操作DOM元素和节点 282
8.1 筛选DOM元素 282
8.1.1 基本筛选方式 282
8.1.2 增强筛选方式 287
8.1.3 高级筛选 289
8.2 处理DOM节点 292
8.2.1 创建DOM节点 293
8.2.2 编辑DOM节点 293
8.2.3 插入DOM节点 300
8.2.4 清空或删除节点 302
8.3 处理DOM节点集合 303
8.3.1 批量操作集合中的节点 303
8.3.2 操作集合中的节点 304
8.3.3 遍历节点集合 306
8.4 小结 308
第9章 处理增强事件 309
9.1 YUI事件概述 309
9.1.1 原生Javascript的事件处理 309
9.1.2 YUI事件 310
9.2 绑定事件和解绑事件 311
9.2.1 绑定事件 312
9.2.2 解绑事件 314
9.3 事件的高级应用 318
9.3.1 基本事件源引用 318
9.3.2 获取键盘信息 320
9.3.3 获取鼠标信息 321
9.3.4 DOM渲染与脚本预载 323
9.3.5 阻止浏览器默认行为 325
9.4 委托事件 327
9.5 小结 329
第10章 操作样式表 330
10.1 建立标准化样式 330
10.1.1 CSS Reset 330
10.1.2 重建标准样式 334
10.1.3 应用一致字体 335
10.2 网格化布局 336
10.3 简单动画交互 338
10.3.1 显示和隐藏元素 338
10.3.2 拖曳元素 341
10.3.3 调整元素尺寸 343
10.4 自定义过渡动画 346
10.4.1 显示隐藏动画 346
10.4.2 绑定自定义过渡动画 348
10.5 小结 355
第11章 异步数据交互 356
11.1 异步数据交互初探 356
11.1.1 HTTP协议 356
11.1.2 传统的同步数据交互 360
11.1.3 异步数据交互 361
11.2 获取和显示数据 362
11.2.1 加载静态数据 363
11.2.2 获取动态数据 366
11.2.3 处理异常 369
11.3 处理复杂数据 371
11.3.1 JSON数据格式 371
11.3.2 JSON数据格式的应用 372
11.4 提交数据和文件 375
11.4.1 提交表单组件 376
11.4.2 上传文件 379
11.5 小结 381