JavaScript实战 JavaScript、jQuery、HTML5、Node.js实例大全2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

JavaScript实战 JavaScript、jQuery、HTML5、Node.js实例大全PDF格式电子书版下载

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

第一篇 JavaScript实战篇3

第1章 JavaScript概述3

1.1 认识JavaScript3

1.1.1 浏览器战争3

1.1.2 寄生语言5

1.1.3 DHTML、DOM和W3C5

1.1.4 动态语言和静态语言6

1.2 配置JavaScript开发环境7

1.2.1 EditPlus7

1.2.2 Adobe Dreamweaver8

1.2.3 Sublime Text8

1.2.4 JetBrains WebStorm9

1.2.5 Aptana Studio10

1.3 在Web页面中使用JavaScript11

1.3.1 直接内嵌JavaScript代码12

1.3.2 引用JavaScript文件12

1.3.3 让收藏夹做更多事情13

1.4 高效率的开发14

1.4.1 熟悉语法14

1.4.2 自动完成15

1.4.3 使用成熟框架和便捷工具17

1.5 相关参考17

第2章 用JavaScript验证表单18

2.1 最简单的表单验证——禁止空白的必填项目18

2.1.1 最简单表单的HTML结构19

2.1.2 绑定验证功能19

2.1.3 绑定验证的另一种方式21

2.2 处理各种类型的表单元素23

2.2.1 input、textarea、hidden和button23

2.2.2 checkbox、radio和select26

2.3 用正则来校验复杂的格式要求30

2.3.1 认识JavaScript正则30

2.3.2 JavaScript正则符号及其说明30

2.3.3 正则验证输入邮箱33

2.4 改善用户体验33

2.4.1 什么是用户体验34

2.4.2 表单的用户体验改善35

2.5 相关参考40

第3章 用JavaScript实现照片展示41

3.1 功能设计41

3.1.1 HTML、CSS和JavaScript的分层关系42

3.1.2 照片展示功能设计42

3.2 照片加载与定位43

3.2.1 HTML代码43

3.2.2 CSS代码43

3.2.3 JavaScript代码46

3.3 响应鼠标动作48

3.3.1 响应小照片单击动作48

3.3.2 响应小照片上一组或下一组单击动作49

3.4 响应键盘动作49

3.4.1 常见键盘按键对应的ASCII码值49

3.4.2 响应键盘动作50

3.5 代码分离带来的红利51

3.6 相关参考52

第4章 AJAX——无刷新的用户体验53

4.1 认识AJAX53

4.1.1 AJAX是技术不是编程语言53

4.1.2 同步与异步54

4.1.3 AJAX与JSON55

4.1.4 AJAX是如何工作的56

4.2 XMLHttpRequest对象的常见方法和属性58

4.2.1 XMLHttpRequest对象方法58

4.2.2 XMLHttpRequest对象属性60

4.3 检查待注册的用户名是否存在63

4.3.1 客户端进行检测63

4.3.2 服务器端获取数据64

4.4 用Ajax提交数据给服务器65

4.4.1 客户端部分65

4.4.2 服务端部分67

4.5 相关参考68

第5章 瀑布流布局69

5.1 瀑布流简介69

5.1.1 瀑布流是不是万金油69

5.1.2 穿过瀑布流看水帘洞70

5.2 固定列宽的简单瀑布流实现72

5.2.1 简单的HTML结构72

5.2.2 让瀑布流动起来74

5.3 非固定列宽的复杂瀑布流76

5.3.1 非固定列宽瀑布流的争议76

5.3.2 用Masonry实现任意非固定列宽瀑布流77

5.4 延迟加载图片79

5.4.1 延迟加载是何方神圣79

5.4.2 延迟加载运用实例80

5.5 相关参考83

第6章 用户控件的构造——目录树视图84

6.1 功能设计84

6.2 树视图的最简化实现85

6.2.1 树视图的HTML结构和数据结构85

6.2.2 用递归最简化显示树86

6.3 类和抽象88

6.3.1 基于对象（Object-Based）和面向对象（Object-Oriented）89

6.3.2 用JavaScript创建一个类89

6.3.3 静态属性、方法和动态属性、方法90

6.3.4 JavaScript继承91

6.3.5 私有属性和方法92

6.3.6 抽象92

6.4 复杂的树视图93

6.4.1 闭包隔离变量污染93

6.4.2 省去new关键字调用控件93

6.4.3 丰富控件方法93

6.5 相关参考100

第二篇 HTML 5+CSS 3实战篇103

第7章 HTML 5概述103

7.1 什么是HTML 5103

7.1.1 差点夭折的HTML 5103

7.1.2 HTML 5的前世今生104

7.1.3 HTML 5理念106

7.2 HTML 5的新特性106

7.2.1 语义化106

7.2.2 CSS 3107

7.2.3 本地存储离线应用107

7.2.4 音频视频多媒体109

7.2.5 画布Canvas109

7.2.6 本地文件访问109

7.2.7 开放字体格式WOFF109

7.2.8 地理位置109

7.2.9 微数据110

7.2.10 XMLHttpRequest Level 2110

7.2.11 新的HTML Forms111

7.2.12 其他特性及未来发展111

7.3 有哪些浏览器支持HTML 5112

7.4 如何书写HTML 5113

7.4.1 HTML 5和XHTML的对比113

7.4.2 HTML 5书写的误区114

7.5 相关参考115

第8章 焕然一新的表单116

8.1 E-mail和URL类型的输入元素116

8.1.1 各浏览器内核一览116

8.1.2 各浏览器对E-mail和URL类型的支持情况118

8.1.3 全球顶级域名119

8.1.4 E-mail类型的使用121

8.1.5 URL类型的使用122

8.2 数值输入122

8.2.1 各浏览器对number类型的支持情况123

8.2.2 number类型的属性与使用123

8.3 日期选择器124

8.3.1 各浏览器对日期选择器的支持情况124

8.3.2 日期选择器类型与使用124

8.4 用datalist来实现自动提示126

8.4.1 各浏览器对datalist的支持情况126

8.4.2 各浏览器datalist的效果对比126

8.4.3 datalist让input自动提示更智能127

8.5 相关参考128

第9章 在Web页面中轻松控制多媒体视频和音乐129

9.1 在页面中插入视频和音频129

9.1.1 容器和编解码器129

9.1.2 使用HTML 5 Video和Audio API的好处131

9.1.3 浏览器支持性检测132

9.1.4 使用video/audio元素132

9.1.5 使用source元素来兼容133

9.2 video/audio元素的属性134

9.2.1 通过HTML设置的属性134

9.2.2 通过JavaScript设置的属性135

9.3 video/audio元素的事件136

9.3.1 video/audio元素的主要事件136

9.3.2 设置当前播放位置137

9.4 video/audio元素的方法138

9.4.1 通过JavaScript控制的方法138

9.4.2 鼠标悬停播放，移开暂停139

9.5 综合应用——打造属于自己的视频播放器139

9.5.1 界面设计139

9.5.2 CSS 3+HTML布局140

9.5.3 用JavaScript控制播放器142

9.6 相关参考148

第10章 用CSS 3画一个哆啦A梦149

10.1 CSS 3简介149

10.1.1 CSS 3历史情况149

10.1.2 CSS 3的支持情况150

10.2 阴影和文本阴影150

10.2.1 阴影（box-shadow）151

10.2.2 文本阴影（text-shadow）152

10.3 圆角154

10.3.1 圆角（border-radius）属性154

10.3.2 圆角变圆与半圆155

10.4 渐变155

10.4.1 线性渐变155

10.4.2 放射渐变157

10.5 综合应用——画一个哆啦A梦158

10.5.1 头部和脸部159

10.5.2 脖子和铃铛162

10.5.3 身体和四肢164

10.5.4 让眼睛动起来168

10.6 相关参考169

第11章 酷炫的CSS 3动画效果——3D旋转方块170

11.1 文本描边和文本填充色170

11.1.1 文本描边（text-stroke）171

11.1.2 文本填充（text-fill-color）171

11.2 变形和变形原点172

11.2.1 变形（transform）172

11.2.2 变形原点（transform-origin）175

11.3 简单应用——飞行旋转文本176

11.3.1 过渡动画（transition）177

11.3.2 自定义动画（animation）和@keyframes178

11.3.3 飞行旋转的文本179

11.4 综合应用——3D旋转方块181

11.5 相关参考183

第12章 一个可以离线的内容管理系统185

12.1 功能设计185

12.2 Web储存和应用缓存186

12.2.1 本地存储（LocalStorage）186

12.2.2 会话存储（SessionStorage）187

12.2.3 应用程序缓存187

12.2.4 搭建支持应用缓存的服务器188

12.2.5 神奇的manifest file文件清单189

12.3 HTML 5本地存储190

12.3.1 Web IndexedDB191

12.3.2 Web Sal Database193

12.4 编写内容管理系统195

12.4.1 可离线的HTML、JS和CSS195

12.4.2 添加数据196

12.4.3 列表和查询数据198

12.4.4 更新数据199

12.4.5 删除数据199

12.4.6 前端交互200

12.5 相关参考201

第13章 SVG动画202

13.1 什么是SVG202

13.1.1 SVG的历史202

13.1.2 SVG的优缺点203

13.1.3 SVG的Hello world204

13.1.4 SVG的调用方式205

13.2 SVG形状205

13.2.1 矩形（rect）206

13.2.2 圆形（circle）207

13.2.3 椭圆（ellipse）207

13.2.4 线（line）207

13.2.5 折线（polyline）208

13.2.6 多边形（polygon）208

13.2.7 路径（path）208

13.3 SVG滤镜209

13.3.1 高斯模糊滤镜（feGaussianBlur）210

13.3.2 色彩转换滤镜（feColorMatrix）210

13.3.3 位移滤镜（feOffset）211

13.4 SVG渐变212

13.4.1 线性渐变（linearGradient）212

13.4.2 放射渐变（radialGradient）213

13.5 制作简单的SVG动画——太阳系214

13.5.1 SVG绘制的太阳和地球公转轨迹215

13.5.2 贴图地球和地月系统215

13.5.3 太阳系216

13.6 相关参考217

第三篇 HTML 5 Canvas实战篇221

第14章 Canvas的初步应用——再画一个哆啦A梦221

14.1 什么是Canvas221

14.1.1 Canvas起源221

14.1.2 Canvas的支持情况222

14.1.3 Canvas优缺点及与SVG的对比222

14.1.4 Canvas与JavaScript223

14.1.5 Canvas的发展223

14.1.6 Canvas标签的使用224

14.2 绘制形状和文字224

14.2.1 直线（lineTo）225

14.2.2 矩形（rect）226

14.2.3 圆（arc）228

14.2.4 弧和圆角（arcTo）229

14.2.5 贝塞尔曲线quadraticCurveTo231

14.2.6 绘制文本（fillText）和strokeText232

14.3 颜色、风格和阴影233

14.3.1 线性渐变（createLinearGradient）233

14.3.2 放射渐变（createRadialGradient）235

14.3.3 阴影235

14.4 再画一个哆啦A梦236

14.4.1 准备工作237

14.4.2 绘制头和脸237

14.4.3 绘制眼睛和鼻子238

14.4.4 绘制嘴巴和胡须239

14.5 相关参考239

第15章 Canvas的高级应用——制作飞行游戏240

15.1 转换240

15.1.1 放大和缩小240

15.1.2 平移和旋转242

15.1.3 矩阵转换244

15.2 合成246

15.2.1 用Photoshop控制图形合成246

15.2.2 使用Canvas控制图形合成246

15.3 碰撞检测248

15.3.1 圆形碰撞检测249

15.3.2 矩形碰撞检测249

15.4 让游戏动起来250

15.4.1 打飞机游戏设计250

15.4.2 移动的星空251

15.4.3 加载资源252

15.4.4 我方战机、敌机和子弹253

15.4.5 让游戏动起来255

15.5 相关参考256

第16章 Canvas的另类应用——压缩和解压257

16.1 绘制图片257

16.1.1 绘制外部载入的图片258

16.1.2 Canvas给视频加字幕259

16.2 像素级操作260

16.2.1 反转颜色－底片效果260

16.2.2 灰度控制——黑白灰效果262

16.2.3 透明度控制263

16.2.4 倒影264

16.3 实现压缩解压功能266

16.3.1 载入位图266

16.3.2 压缩位图266

16.3.3 保存到本地267

16.4 相关参考268

第四篇 jQuery实战篇271

第17章 jQuery简介271

17.1 什么是jQuery271

17.1.1 jQuery的历史272

17.1.2 为什么要使用jQuery273

17.2 编写jQuery代码275

17.2.1 下载jQuery275

17.2.2 简单应用jQuery276

17.2.3 调试jQuery程序277

17.3 基于jQuery的UI插件280

17.3.1 基于jQuery的扩展——jQuery UI插件280

17.3.2 下载jQuery UI插件281

17.3.3 简单应用jQuery UI插件285

17.3.4 其他UI框架286

17.4 相关参考290

第18章 用动态效果来响应浏览者291

18.1 jQuery库基础291

18.1.1 jQuery库的核心方法——＄（）291

18.1.2 jQuery库延迟等待加载模式293

18.1.3 jQuery对象与DOM对象间的转换293

18.2 基础选择器295

18.2.1 简单选择器295

18.2.2 进阶选择器298

18.2.3 高级选择器303

18.3 过滤选择器307

18.3.1 jQuery所支持的过滤器307

18.3.2 页面中的经典导航条309

18.4 操作DOM对象312

18.4.1 jQuery关于元素的操作312

18.4.2 关于表的经典效果315

18.4.3 jQuery关于节点的操作316

18.4.4 超级链接提示效果318

18.4.5 图片预览效果320

18.5 响应事件322

18.5.1 绑定和删除事件323

18.5.2 jQuery所支持的事件和事件类型325

18.5.3 表单动态效果327

18.6 实现动态效果334

18.6.1 jQuery库所支持的动画方法334

18.6.2 实现可折叠的列表336

18.6.3 淡入淡出效果338

18.7 相关参考340

第19章 用户交互操作、进度条和滑动条美化页面341

19.1 页面中的交互操作341

19.1.1 jQuery UI所支持的拖动组件341

19.1.2 jQuery UI所支持的拖放组件343

19.1.3 模拟Windows系统“回收站”345

19.2 页面中的进度条效果349

19.2.1 jQuery UI所支持的进度条工具集349

19.2.2 实现进度条效果350

19.3 页面中滑动条效果352

19.3.1 jQuery UI所支持的滑动条工具集352

19.3.2 实现图片滑块滚动条效果353

19.3.3 实现简单颜色调色器357

19.4 相关参考359

第20章 用工具集实现酷炫的页面360

20.1 实现“手风琴”效果360

20.1.1 jQuery UI所支持的折叠面板工具集360

20.1.2 实现经典的导航菜单362

20.2 设计页面中各种对话框效果363

20.2.1 jQuery UI所支持的对话框工具集364

20.2.2 实现弹出和确认信息对话框效果366

20.3 处理页面中的日期368

20.3.1 jQuery UI所支持的日期选择器工具集369

20.3.2 实现日期输入框372

20.3.3 实现选取时间段功能373

20.4 实现幻灯和分页效果376

20.4.1 jQuery UI所支持的选项卡工具集376

20.4.2 经典的选项卡效果377

20.4.3 实现幻灯效果380

20.4.4 实现分页效果382

20.5 相关参考385

第五篇 Node.js实战篇389

第21章 Node.js简介389

21.1 什么是Node.js389

21.1.1 Node.js是平台389

21.1.2 Node.js不是万能的390

21.2 获取、安装和配置Node.js392

21.2.1 Node.js获取392

21.2.2 Node.js的安装393

21.2.3 Node.js的配置394

21.3 Nodejs与其他服务器脚本语言的比较395

21.4 Node.js与客户端JavaScript脚本的比较396

21.5 相关参考397

第22章 构造一个最简单的Web服务器398

22.1 Node.js中脚本文件的组织398

22.1.1 CommonJS规范399

22.1.2 Node.js中的模块399

22.1.3 HTTP协议400

22.2 建立服务、路径处理与响应402

22.2.1 用6行代码创建的Web服务器402

22.2.2 让Web服务器响应和处理不同路径403

22.3 异步与文件处理405

22.3.1 智能的404提示405

22.3.2 文件格式MIME协议408

22.3.3 响应不同类型的文件410

22.4 处理文件上传413

22.4.1 安装并使用Node.js第三方模块413

22.4.2 用node-formidable处理上传图片415

22.5 相关参考417

第23章 基于Express框架的Http服务器419

23.1 引入Express框架419

23.1.1 Express与Connect419

23.1.2 在Node.js环境下安装Express420

23.1.3 用Express搭建简单Web应用421

23.2 Express的程序控制423

23.2.1 模板引擎ejs423

23.2.2 中间件（middleware）426

23.3 Express的请求解析427

23.3.1 路由routes427

23.3.2 Request对象429

23.4 Express的响应控制429

23.4.1 wirte、end、send输出响应到客户端430

23.4.2 JSON、JSONP输出响应到客户端431

23.4.3 设置cookie432

23.4.4 其他响应控制432

23.5 相关参考432

第24章 构造一个基于Socket的聊天系统433

24.1 建立Socket服务器433

24.1.1 安装Socket.IO434

24.1.2 聊天室服务端435

24.2 HTML 5中的Web Socket436

24.2.1 Web Socket协议436

24.2.2 Nginx对Web Socket的支持437

24.2.3 Web Socket常用API437

24.3 在Node.js中操作数据库438

24.3.1 操作MS SQL Server438

24.3.2 操作MySQL440

24.3.3 操作MongoDB444

24.4 完善聊天系统446

24.4.1 聊天室客户端446

24.4.2 Socket.IO常见API447

24.5 相关参考448