HTML 5网页开发实例详解PDF|Epub|txt|kindle电子书版本网盘下载

HTML 5网页开发实例详解PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 HTML 5引发的Web革命1

1.1 你是不是真的了解HTML51

1.1.1 通过W3C认识HTML5的发展史2

1.1.2 HTML4、XHTML、HTML5的区别3

1.1.3 什么人应该学HTML55

1.1.4 一张图告诉你如何学习HTML56

1.2 浏览器之争6

1.2.1 说说这些常见的浏览器7

1.2.2 浏览器的兼容烦恼与策略11

1.2.3 给你的浏览器打分13

1.3 学习制作简单的HTML5页面14

1.3.1 搭建开发HTML 5的浏览器环境18

1.3.2 检测浏览器是否支持HTML 5标签20

1.4 常见问题22

1.4.1 学好HTML 5要先学好Java吗23

1.4.2 谁是HTML 5新规则下的牺牲品24

1.4.3 HTML 5是否有未来24

1.4.4 HTML 5在移动应用开发是否有前景26

1.5 本章小结27

第2章 HTML 5的整体特性28

2.1 HTML 5的新元素28

2.1.1 最新的交互元素——内容交互、菜单交互、状态交互28

2.1.2 HTML 5页面结构31

2.1.3 DOCTYPE和字符集32

2.1.4 其他标签元素34

2.2 Modernizr库36

2.2.1 Modernizr库是什么36

2.2.2 使用Modernizr库提供的方法检测浏览器的各项指标37

2.3 表单和文件40

2.3.1 input元素的新增类型40

2.3.2 input元素新增的公用属性41

2.3.3 新增表单元素44

2.3.4 表单新增的验证方法46

2.3.5 File对象48

2.3.6 FileSystem接口50

2.3.7 iQuerv html5Validate HTML 5表单验证插件55

2.4 图形绘制57

2.4.1 Canvas是什么57

2.4.2 什么情况下用Canvas57

2.4.3 检测浏览器对Canvas的支持情况58

2.4.4 在页面中加入Canvas58

2.4.5 SVG是什么60

2.4.6 SVG的使用60

2.4.7 WebGL是什么61

2.4.8 WebGL的使用61

2.4.9 Paper.js图形库62

2.5 音频视频63

2.5.1 音频和视频编码解码器63

2.5.2 使用脚本控制播放64

2.5.3 audio元素和video元素的浏览器支持情况65

2.5.4 音视频的实时通信66

2.6 地理位置68

2.6.1 纬度和经度坐标68

2.6.2 有哪些定位数据69

2.6.3 怎么保护自己的隐私70

2.6.4 构建地理位置应用71

2.7 拖放73

2.7.1 Datatransfer对象74

2.7.2 拖放的事件监听74

2.7.3 带拖放功能的网站76

2.7.4 构建网页的拖放应用77

2.8 Web存储79

2.8.1 设置和获取数据79

2.8.2 LocalStorage与SessionStorage80

2.8.3 网站本地存储兼容性方案82

2.8.4 如何在实际开发中使用本地存储87

2.9 HTML 5的通信88

2.9.1 PostMessage API88

2.9.2 XMLHttpRequest Level 291

2.9.3 WebSocket API93

2.9.4 Socket.IO通信框架介绍95

2.10 Web Workers97

2.10.1 与HTML5 Web Workers通信98

2.10.2 多个JavaScript文件的加载与执行98

2.10.3 子Web Workers和内嵌Web Workers98

2.10.4 构建Web Workers应用99

2.11 离线Web应用102

2.11.1 离线Web应用相关API102

2.11.2 Manifest使用介绍104

2.11.3 使用ApplicationCache API105

2.11.4 搭建简单的离线应用程序106

2.12 微数据109

2.12.1 语义化概念109

2.12.2 Microdata的前世今生110

2.12.3 如何使用Mierodata优化网页111

2.12.4 国内网站如何使用Microdata113

2.13 HTML 5 Historv114

2.13.1 HistoryAPI介绍115

2.13.2 History与Hash117

2.13.3 什么是MVC119

2.13.4 主流MVC框架介绍119

2.14 选择器120

2.14.1 选择器分类121

2.14.2 使用选择器操作页面中的元素123

2.15 CSS 3特性124

2.15.1 CSS 3带来了什么124

2.15.2 开放字体格式（WOFF）125

2.15.3 背景（Backgrounds）127

2.15.4 文字效果（Text Effects）129

2.15.5 边框（Border）130

2.15.6 用户界面（User interface）132

2.15.7 多列（Multiple Columns）134

2.15.8 转换（Ttansform）135

2.15.9 过渡（Transition）135

2.16 本章小结136

第3章 HTML 5相关概念和框架137

3.1 响应式Web设计137

3.1.1 什么是响应式Web设计137

3.1.2 流式布局138

3.1.3 媒体查询139

3.1.4 Twitter Bootstrap理念140

3.1.5 Twitter Bootstrap应用140

3.2 移动JavaScript框架143

3.2.1 Sencha Touch143

3.2.2 jQuery Mobile介绍和例子147

3.2.3 PhoneGap149

3.2.4 JQ.Mobi151

3.3 CSS 3 UI框架153

3.3.1 HTML 5 Boilerplate153

3.3.2 Less Framework154

3.4 HTML 5图表库155

3.4.1 Raphael155

3.4.2 Highcharts157

3.5 游戏库——Three.js的使用159

3.6 本章小结161

第4章 环境搭建162

4.1 选择一款编辑器162

4.1.1 Notepad＋＋编辑器162

4.1.2 UltraEdit编辑器163

4.1.3 Sublime Text 2编辑器163

4.2 Node.js164

4.2.1 Node.js介绍164

4.2.2 Node.js安装165

4.2.3 使用Node.js的NPM168

4.2.4 如何在Node.js中调试172

4.2.5 使用Node.js搭建Web Server175

4.3 jQuery框架178

4.3.1 jQuery框架简介178

4.3.2 jQuery常用API178

4.4 其他实战开发技巧181

4.4.1 如何在Chrome浏览器调试脚本181

4.4.2 如何通过Fiddler加速开发187

4.5 本章小结189

第5章 HTML 5元素与表单大演练190

5.1 示例1 创建跨浏览器的HTML 5表单190

5.1.1 示例效果190

5.1.2 代码设计192

5.1.3 代码分析194

5.1.4 相关知识195

5.2 示例2 搞定低版本浏览器的兼容性问题195

5.2.1 示例效果195

5.2.2 代码设计197

5.2.3 代码分析201

5.2.4 相关知识202

5.3 示例3 创建HTML 5版的注册页面202

5.3.1 示例效果202

5.3.2 代码设计203

5.3.3 代码分析208

5.3.4 相关知识209

5.4 示例4 用HTML 5的验证方法验证注册页面210

5.4.1 示例效果210

5.4.2 代码设计211

5.4.3 代码分析213

5.4.4 相关知识216

5.5 示例5 搞定输入框自动聚焦问题217

5.5.1 示例效果217

5.5.2 代码设计218

5.5.3 代码分析219

5.5.4 相关知识219

5.6 示例6 搞定表单的自动完成220

5.6.1 示例效果220

5.6.2 代码设计220

5.6.3 代码分析221

5.7 示例7 使用数字微调控件221

5.7.1 示例效果221

5.7.2 代码设计223

5.7.3 代码分析225

5.7.4 相关知识226

5.8 示例8 添加滑动控件227

5.8.1 示例效果227

5.8.2 代码设计227

5.8.3 代码分析229

5.8.4 相关知识229

5.9 示例9 发送多个文件230

5.9.1 示例效果230

5.9.2 代码设计232

5.9.3 代码分析234

5.9.4 相关知识235

5.10 示例10 利用正则表达式创建自定义输入类型236

5.10.1 示例效果236

5.10.2 代码设计237

5.11 示例11 预览上传的图片238

5.11.1 示例效果238

5.11.2 代码设计240

5.11.3 代码分析241

5.11.4 相关知识242

5.12 示例12 无刷新异步上传242

5.12.1 示例效果242

5.12.2 代码设计244

5.12.3 代码分析249

5.12.4 相关知识250

5.13 示例13 拖曳上传文件251

5.13.1 示例效果251

5.13.2 代码设计252

5.13.3 代码分析254

第6章 Canvas图画大演练256

6.1 示例1 绘制图形（矩形和圆形）256

6.1.1 示例效果256

6.1.2 代码设计257

6.1.3 代码分析259

6.2 示例2 在图形中写字260

6.2.1 示例效果260

6.2.2 代码设计262

6.2.3 代码分析266

6.3 示例3 在画布中使用渐变色268

6.3.1 示例效果268

6.3.2 代码分析269

6.4 示例4 输出图片文件270

6.4.1 示例效果270

6.4.2 代码分析271

6.5 示例5 操作图片像素272

6.5.1 示例效果272

6.5.2 代码分析274

6.6 示例6 制作动画计时器276

6.6.1 示例效果276

6.6.2 代码设计277

6.6.3 代码分析281

6.7 示例7 在画布中剪贴图像282

6.7.1 示例效果282

6.7.2 代码设计283

6.7.3 代码分析286

6.8 示例8 实现相片的360°旋转特效287

6.8.1 示例效果287

6.8.2 代码分析288

6.9 示例9 一个HTML 5版销售数据图表290

6.9.1 示例效果290

6.9.2 代码设计290

6.9.3 代码分析291

6.10 示例10 制作一个简单动画292

6.10.1 示例效果292

6.10.2 代码设计293

6.10.3 代码分析295

第7章 音频和视频大演练297

7.1 示例1 在网页中加入已有的视频297

7.1.1 示例效果297

7.1.2 代码分析298

7.2 示例2 制做在线音频播放器298

7.2.1 示例效果298

7.2.2 代码设计299

7.2.3 代码分析300

7.3 示例3 做一个自己的视频播放器301

7.3.1 示例效果301

7.3.2 代码设计302

7.3.3 代码分析303

7.4 示例4 动态显示媒体文件播放时间304

7.4.1 示例效果304

7.4.2 代码分析305

7.5 示例5 解决视频自定义工具条全屏问题306

7.5.1 示例效果306

7.5.2 代码分析306

7.6 示例6 实现一个视频的进度条308

7.6.1 示例效果308

7.6.2 代码分析308

7.7 示例7 给播放器添加快进慢进按钮310

7.7.1 示例效果310

7.7.2 代码分析311

7.8 示例8 处理带字幕的视频312

7.8.1 示例效果312

7.8.2 代码分析312

7.9 示例9 用HTML 5拍照和摄像313

7.9.1 示例效果313

7.9.2 代码设计314

7.9.3 代码分析316

7.9.4 相关知识316

第8章 地理位置大演练317

8.1 示例1 通过IP地址获取地理定位317

8.1.1 示例效果317

8.1.2 代码设计318

8.1.3 代码分析320

8.1.4 相关知识321

8.2 示例2 通过Wi-Fi获取地理定位322

8.2.1 示例效果322

8.2.2 代码设计322

8.2.3 代码分析324

8.2.4 相关知识325

8.3 示例3 通过GPS获取地理定位325

8.3.1 示例效果325

8.3.2 代码设计326

8.3.3 代码分析327

8.3.4 相关知识327

8.4 示例4 手机地理定位328

8.4.1 示例效果328

8.4.2 代码分析329

8.4.3 相关知识330

8.5 示例5 用户自定义的地理定位331

8.5.1 示例效果331

8.5.2 代码设计与分析333

8.6 示例6 在Google Map显示我在这里335

8.6.1 示例效果335

8.6.2 代码设计336

8.6.3 代码分析338

8.7 示例7 处理定位错误339

8.7.1 示例效果339

8.7.2 代码设计340

8.7.3 代码分析342

8.8 示例8 使用Google地图追踪用户的位置343

8.8.1 示例效果343

8.8.2 代码设计345

8.8.3 代码分析347

8.9 示例9 使用Google地图查找路线348

8.9.1 示例效果348

8.9.2 代码设计与分析351

第9章 拖放大演练357

9.1 示例1 实现网页元素的拖放357

9.1.1 示例效果357

9.1.2 代码设计358

9.1.3 代码分析359

9.2 示例2 拖放图标360

9.2.1 示例效果360

9.2.2 代码设计361

9.2.3 代码分析362

9.3 示例3 设置拖放的效果363

9.3.1 示例效果363

9.3.2 代码分析363

9.4 示例4 对照片进行排序365

9.4.1 示例效果365

9.4.2 代码设计365

9.4.3 代码分析367

9.4.4 相关知识368

9.5 示例5 拖放文件369

9.5.1 示例效果369

9.5.2 代码设计369

9.5.3 代码分析371

9.6 示例6 将商品拖入购物车371

9.6.1 示例效果371

9.6.2 代码设计373

9.6.3 代码分析375

9.7 示例7 拖放图片保存服务器376

9.7.1 示例效果376

9.7.2 代码设计和分析378

9.8 示例8 拖动脚本文件进行压缩382

9.8.1 示例效果382

9.8.2 代码设计383

9.8.3 代码分析384

9.9 示例9 可拖放文本阅读器384

9.9.1 示例效果384

9.9.2 代码设计386

9.9.3 代码分析388

第10章 本地存储大演练389

10.1 示例1 保存与读取登录用户名与密码389

10.1.1 示例效果389

10.1.2 代码设计390

10.1.3 代码分析391

10.2 示例2 保存与读取临时数据392

10.2.1 示例效果392

10.2.2 代码分析392

10.3 示例3 使用本地数据库393

10.3.1 示例效果393

10.3.2 代码设计和分析395

10.4 示例4 桌面提醒工具398

10.4.1 示例效果398

10.4.2 代码设计和分析399

10.5 示例5 存储JSON对象401

10.5.1 示例效果401

10.5.2 代码设计和分析402

10.6 示例6 封堵数据泄漏404

10.6.1 示例效果404

10.6.2 代码设计406

10.6.3 代码分析408

10.7 示例7 存储数据的共享408

10.7.1 示例效果408

10.7.2 代码设计和分析409

10.8 示例8 删除本地缓存411

10.8.1 示例效果411

10.8.2 代码设计和分析412

第11章 HTML 5通信大演练415

11.1 示例1 微博消息实时推送415

11.1.1 示例效果415

11.1.2 代码设计与分析416

11.2 示例2在线代码编辑器419

11.2.1 示例效果419

11.2.2 代码设计与分析420

11.3 示例3 在iFrame中嵌入可变的编辑器423

11.3.1 示例效果423

11.3.2 代码设计与分析424

11.4 示例4 预览网站内容427

11.4.1 示例效果427

11.4.2 代码设计与分析428

11.5 示例5 定时给客户发消息431

11.5.1 示例效果431

11.5.2 代码设计与分析433

11.6 示例6 通过WebSocket创建聊天室438

11.6.1 示例效果438

11.6.2 代码设计与分析442

第12章 离线Web应用大演练452

12.1 示例1 使用定时器452

12.1.1 示例效果452

12.1.2 代码设计和分析453

12.2 示例2 排队处理订单455

12.2.1 示例效果455

12.2.2 代码设计和分析456

12.3 示例3 在后台运行JavaScript459

12.3.1 示例效果459

12.3.2 代码设计和分析460

12.4 示例4 开发简单的离线应用462

12.4.1 示例效果462

12.4.2 代码设计和分析463

12.5 示例5 检测网络的当前状态466

12.5.1 示例效果466

12.5.2 代码设计和分析467

12.6 示例6 开发离线留言网页471

12.6.1 示例效果471

12.6.2 代码设计472

12.6.3 代码分析474

12.7 示例7 添加Geolocation跟踪475

12.7.1 示例效果475

12.7.2 代码设计和分析476

12.8 示例8 设计离线事件处理程序478

12.8.1 示例效果478

12.8.2 代码设计和分析480

第13章 HTML 5手机遥控PPT483

13.1 控制器页面预览483

13.2 使用移动设备访问控制器页面485

13.3 代码设计和分析487

13.3.1 启动服务器487

13.3.2 index路由的逻辑规则和对应模板内容488

13.3.3 handle路由的逻辑规则和对应模板内容489

13.4 整个实例的流程图491

13.5 相关知识点492

13.5.1 Swig模板492

13.5.2 Consolidate.js库492

13.6 本章小结493

第14章 响应式设计之新闻阅读列表设计494

14.1 原型设计494

14.2 模块设计496

14.2.1 视觉模块设计497

14.2.2 前端模块设计497

14.2.3 使用Media Queries自适应各种分辨率的客户端499

14.3 运行效果500

14.4 本章小结503

附录A 主流浏览器对HTML 5新特性的支持情况504

附录B 传统HTML标签及说明507