JavaScript+jQuery Mobile+Node.js跨平台网页设计

前言

第1章 HTML与javaScript的基础

1-1 HTML的基础

1-1-1 认识HTML

1-1-2 HTML5的网页结构

1-2认识Javascript

1-2-1 JavaScript与脚本语言

1-2-2客户端网页技术

1-3 JavaScript的开发环境WebMatrix

1-3.1 下载与安装WebMatrix开发工具

1-3-2 启动WebMatrix新建HTML网站

1-3-3更改默认的网站位置

1-3.4开启本书的范例网站

1-4创建**个JavaScript程序

1-4-1 在HTML网页插入JavaScript程序代码

1-4-2创建**个JavaScript程序

1-4-3更改WebMatrix的默认浏览器

1-4-4显示JavaScript程序代码的错误

1-5 JavaScript程序代码的位置

1.5—1 在Head区块的JavaScript程序代码

1-5-2在Body区块的JavaScript程序代码

1-5-3使用外部JavaScript程序文件

1-6 JavaScript的编写风格

1-6-1程序语句

1-6-2程序注释

1-6-3太长的程序代码

1-6-4空格符

1-6-5程序代码缩排

第2章JavaScript的变量与运算符

第3章JavaScript的流程控制

第4章JavaScript的函数与对象

第5章JavaScript的内部对象

第6章DOM对象模型

第7章CSS层叠式样式表

第8章jQuery基础与Firebug开发工具

第9章jQuery选择器与CSS和DOM

第10章jQuery事件处理

第11章jQuery动画与特效

第12章jQuery菜单、导航与标签页

......

JavaScript是目前各大浏览器支持*广泛的脚本语言，也是客户端网页技术主要使用的脚本语言，它的语法简单易学，就算不懂程序设计，一样可以轻松地在HTML网页中内嵌一些JavaScript程序代码，或使用DOM（Document Object Model，文档对象模型）遍历和访问HTML网页元素来建立客户端的动态网页。

iQuery Mobile是基于iQuery函数库建立的手机平台框架，是一套用户界面系统，不用编写JavaScript程序代码，就可以轻松建立移动设备网站的用户界面。Node.js是可以在跨平台函数库和运行环境上运行的JavaScript程序代码，是一种服务器端JavaScript，可用于开发各种网络应用程序，主要用于实时和推送播放功能的网络应用程序。例如：

Web服务器、聊天、网络服务程序和MVC架构的Web应用程序。

本书可以作为大专院校、技术学院和科技大学基础程序设计、网页设计或手机网页程序设计课程的教材，也可以让初学者从JavaScript和iQuery开始，轻松使用WebMatrix工具学习客户端网页设计技术、iQuery Mobile手机Mobile Web的设计，以及服务器端Node.js网络应用程序的开发。

程序代码的调试和排错一直是学习JavaScript和iQuery时**的问题，目前*著名的工具就是Firebug开发工具，本书将介绍如何使用此工具来进行CSS、HTML、DOM与JavaScript程序代码的调试和排错，帮助我们学习JavaScript和iQuery的程序设计。

在JavaScript语言部分，笔者除了详细介绍JavaScript语言的基本语法和程序设计外，还会使用大量的程序范例来说明JavaScript的自定义对象和内部对象，以及如何使用JavaScript程序代码来处理DOM和CSS样式。

至于iQuery函数库部分，笔者从实际运用的角度来详细说明各种iQeury方法的活用、包含事件处理、动画特效、用户界面强化等。不仅如此，笔者还使用WebMatrix工具实际建立了Web服务器的开发环境，以便用于iQuery的Aj ax应用程序和iQuery Mobile手机Mobile Web程序的开发和设计。

*后，以客户端进入服务器端JavaScript的Node.js为出发点，说明如何使用Node.js建立网页应用程序和MVC架构的Web应用程序。在本书下载文件中提供了24分钟有关Appery.io云端开发平台的教学视频，其中介绍了使用iQuery Mobile+PhoneGap技术的开发平台，我们只需在线注册和使用少量JavaScript程序代码，就可以轻松开发跨平台的AndroicUiOS App，除此之外，还支持后台MongoDB数据库来存储App数据。

如何阅读本书iQuery是JavaScript函数库，iQuery Mobile是基于iQuery的用户界面系统，所以本书从JavaScript程序设计语言开始，依次介绍DOM、CSS之后才讲述iQuery函数库，然后使用iQuery Mobile来说明如何建立手机Mobile Web应用程序的用户界面，*后才进入服务器端Node.js的讲解。

· 第1章是HTML和JavaScript的基础，在介绍HTML5和JavaScript之后，就以Windows操作系统为例说明如何建立JavaScript开发环境-WebMatrix开发工具，*后使用一个简单的范例（创建**个JavaScript程序）说明JavaScript程序代码的位置和JavaScript的编写风格。

·第2～5章是JavaScript语言的基础，包含变量、运算符、流程控制和函数，再加上JavaScript自定义对象和内部对象。如果是JavaScript初学者，请详细阅读这些章节，以便学习并获得JavaScript程序设计的能力。

· 第6章是DOM（Document Object Model），详细说明什么是DOM，以及如何使用JavaScript程序来遍历和访问DOM节点树与相关DOM节点的操作。第7章的内容是CSS( Cascading Style Sheets)层叠式样式表，笔者不仅详细说明CSS选择器，还将说明如何使用JavaScript来动态更改元素的CSS样式和**位置的编排。

·第8章开始介绍iQuery函数库，这一章详细说明了iQuery的基本概念、使用和基本程序结构，*后介绍FireFox著名的FireBug工具栏的使用。

·第9章是iQuery核心选择器，说明如何使用iQuery处理CSS和DOMo第10～11章是iQuery事件处理和动画，除了详细说明iQuery事件处理方法之外，在第11章配合iQuery特效方法介绍如何创建各种网页动画效果。第12章详细说明如何使用iQuery创建菜单、导航与标签页，以便建立更人性化的网页用户界面。

·第13章是iQuery Mobile用户界面系统，详细说明如何使用iQuery Mobile来快速建立漂亮的手机用户界面，第14章介绍按钮、对话框与工具栏组件，第15章介绍ListView列表与iQuery Mobile窗体，第16章介绍iQuery Mobile API与Aj ax，并且完整说明Aj ax技术和iQuery支持的Aj ax方法。

·附录列出了iQuery网络资源。

编著本书虽力求完美，但学识与经验不足，谬误难免，希望读者不吝指正。

本书配套源代码下载地址（注意数字与字母大小写）：http://pan.baidu.com/s/lntPTfZV,若下载有问题，请电子邮件联系booksaga@126.com，邮件标题为“求代码，JavaScrip跨平台网页设计”。

陈会安hueyan@ms2.hinet.net2015年11月30日