JavaScript实战JavaScript、jQuery、HTML5、Node.js实例大全

《JavaScript实战：JavaScript、jQuery、HTML5、Node.js实例大全》从*流行的前端应用场景出发，结合当下热门技术（AJAX、jQuery UI、瀑布流、HTML5、Node.js、CSS3），用*浅显的例子带领大家走向IT前沿。

《JavaScript实战：JavaScript、jQuery、HTML5、Node.js实例大全》分为5篇共24章：第一篇介绍JavaScript的基础知识，用原生的JavaScript做表单验证、照片展示、抽象树控件等；第二篇认识HTML5的流行特性，如新表单验证、CSS3动画、离线API及多媒体；第三篇学习强大的Canvas，它是网页游戏的基础；第四篇学习用jQuery 3.x进行实战开发；第五篇通过Node.js了解JavaScript强大的后端开发功能。

《JavaScript实战：JavaScript、jQuery、HTML5、Node.js实例大全》是了解JavaScript技术*好的图书，其丰富的参考资料和指南能够成为读者必要的参考工具，成为前端开发初学者*佳的选择。

张泽娜，深资Web开发工程师，从99年始混迹于网络，精通Web前端开发和服务器脚本语言技术，善于扑捉潜力技术，是为数不多的程序员兼心理咨询师。有10年以上Web开发经验，具有7年以上前端系统架构和技术团队带领经验，追求高效编程、快乐编程。

第一篇 JavaScript实战篇
第1章JavaScript概述
1.1 认识JavaScript
1.1.1 浏览器战争
1.1.2 寄生语言
1.1.3 DHTML、DOM和W3C
1.1.4 动态语言和静态语言
1.2 配置JavaScript开发环境
1.2.1 EditPlus
1.2.2 Adobe Dreamweaver
1.2.3 Sublime Text
1.2.4 JetBrains WebStorm
1.2.5 Aptana Studio
1.3 在Web页面中使用JavaScript
1.3.1 直接内嵌JavaScript代码
1.3.2 引用JavaScript文件
1.4 高效率的开发
1.4.1 熟悉语法
1.4.2 自动完成
1.4.3 使用成熟框架和便捷工具
1.5 相关参考
第2章用JavaScript验证表单
2.1 最简单的表单验证——禁止空白的必填项目
2.1.1 最简单表单的HTML结构
2.1.2 绑定验证功能
2.1.3 绑定验证的另一种方式
2.2 处理各种类型的表单元素
2.2.1 input、textarea、hidden和button
2.2.2 checkbox、radio和select
2.3 用正则来校验复杂的格式要求
2.3.1 认识JavaScript正则
2.3.2 JavaScript正则符号及其说明
2.3.3 正则验证输入邮箱
2.4 改善用户体验
2.4.1 什么是用户体验
2.4.2 表单的用户体验改善
2.5 相关参考
第3章用JavaScript实现照片展示
3.1 功能设计
3.1.1 HTML、CSS和JavaScript的分层关系
3.1.2 照片展示功能设计
3.2 照片加载与定位
3.2.1 HTML代码
3.2.2 CSS代码
3.2.3 JavaScript代码
3.3 响应鼠标动作
3.3.1 响应小照片单击动作
3.3.2 响应小照片上一组或下一组单击动作
3.4 响应键盘动作
3.4.1 常见键盘按键对应的ASCII码值
3.4.2 响应键盘动作
3.5 代码分离带来的红利
3.6 相关参考
第4章AJAX——无刷新的用户体验
4.1 认识AJAX
4.1.1 AJAX是技术不是编程语言
4.1.2 同步与异步
……

第二篇 HTML5+CSS3实战篇
第三篇 HTML5 Canvas实战篇
第四篇 jQuery实战篇
第五篇 Node.js实战篇

前 言

读懂本书

兴趣是第一位老师

歌德说过：“哪里没有兴趣，哪里就没有记忆。”技术会有非常多的知识点需要记忆，为了帮助读者容易地记住，在本书中，笔者收集了很多有趣的技术背景资料，期望读者都能够爱上JavaScript，爱上它所应用的各行各业。

还记得儿时的故事吗

小时候，总是偷偷地跑到老大爷那里听他讲过去奇奇怪怪的故事。后来，读了书，上了学，才知道那是历史。“读史使人明智，读诗使人灵透，数学使人精细，物理使人深沉，伦理使人庄重，逻辑修辞使人善辩。”英国哲学家弗朗西斯?培根把历史列在各科之首，足见其重要性。中国古言道“知古可以鉴今”，本书不仅讲技术还介绍了相关技术的来龙去脉，通过这些，让我们可以做一个有方向感的技术开发者。

基础知识与发展趋势

庄子说过：“水之积也不厚，则其负大舟也无力”，所以本书不仅介绍了JavaScript当下最主流和热门的发展应用，还包括JavaScript原生语法基础及其应用，尤其是对初学时需要注意的方方面面均有提示，以帮助读者少走弯路。

本书改版说明

Web前端技术日新月异，jQuery、Node.js还有HTML5的变化都非常大，为了跟上前端的变化，本书也进行了更新，jQuery已经从当初的1.X升级到了3.X，Node.js也从0.X更新到了8.X，HTML5和CSS3也完成了定稿，并确定了各种技术的使用场景。

这是一本实例书，也是一本引导书，本书是要教会你写代码，而不是教会你语法。本书涉及的工具和技术如下。

本书涉及的软件或工具

Firebug Aptana Studio MySQL

EditPlus Google Chrome MongoDB

Dreamweaver Mozilla Firefox Photoshop

Sublime Text Internet Explorer Nginx

WebStorm SQL Server

本书涉及的技术或框架

CSS3 Canvas Express框架

CSS Sprites HTML5 Video Connect

Transform HTML5 Audio Socket.IO

用户体验 SVG WebSocket

jQuery LocalStorage node-formidable

jQuery UI SessionStorage ejs

AJAX IndexedDB 闭包

DHTML Node.js 重构

JSON CommonJS 防止变量污染

JSONP MIME Masonry

HTML5 HTTP 延迟加载

正则 NPM

本书涉及的一些案例

淘宝工具“如意淘” 自定义树控件

搜狗云输入法 淘宝哇哦

有道云笔记——网页剪报 重大哀悼日的黑白滤镜

小米手机产品图集页面 打飞机

自己动手构造一个Web服务器 哆啦A梦

基于Express框架的HTTP服务器 图片的压缩和解压

构造一个基于Socket的聊天系统 DoS攻击与防范

本书特点

● 本书不是纯粹的理论知识介绍，也不是高深的技术研讨，完全从基础出发，用最简单的、典型的示例引申出核心知识，最后指出了通往“高精尖”进一步深入学习的道路。

● 本书没有深入介绍某一个知识块，而是全面介绍JavaScript涉及的前端领域、后端应用范围，能够系统性地观看到这门语言的全貌，以便在学习的过程中不至于迷失方向。

● 本书人文与技术结合，基础与参考结合，有大量的名人名言、名人轶事和参考资料，能激活读者的阅读兴趣且能够时时为读者提供参考。

● 本书旨在引导读者进行更多技术上的创新，每章最后都会用技术点参考的方式扩大读者的阅读范围。

● 本书代码遵循重构原理，避免代码污染，真心希望读者能编写出优秀的、简洁的、可维护的代码。

适用读者

● 爱好网页设计的大中专院校或职校的学生。

● 准备从事前端开发的人员。

● 喜欢或从事网页设计并对前端感兴趣的人员。

● 想扩展前端知识面的读者。

● JavaScript、jQuery、Node.js的爱好者。

本书由张泽娜主笔，其他参与创作的还有王晓华、常新峰、林龙、王亚飞、薛燚、王刚、李雷霆、管书香、薛福辉、陈晓珺、陈云香，排名不分先后。

编 者

2018年3月