前言

为什么要学习《HTML5移动Web开发》

随着互联网行业的持续发展，移动互联网新业务不断发展壮大。HTML5的发展打开了移动开发的新格局，日益成熟的HTML5移动开发技术在实现移动端页面呈现的基础上，性能方面也得到了很大的提升，这些发展都使得移动端HTML5开发人才更为紧缺。

虽然目前HTML5移动Web开发与原生开发还有一定差距，但是在开发成本上HTML5移动开发要比原生开发低得多，并且随着HTML5的不断发展，终将有一天HTML5移动开发可以达到与原生开发一样的效果。HTML5移动开发也一定会更趋向于主流开发。本书汇集了HTML5中移动端常用的技术，适合对HTML5移动开发感兴趣的读者。

如何使用本书

本书适合有HTML5、CSS3和JavaScript基础的学生使用。作为一门新技术教程，最重要也是最难的一件事情就是要将一些复杂的功能简单化，让读者能够轻松理解并快速掌握。本书对每个知识点都进行了深入的分析，并针对每个知识点精心设计了相关案例，然后在每个阶段模拟这些知识点在实际工作中的运用，真正做到了知识由浅入深、由易到难。

本书共分8章，第1～4章主要讲解了移动Web页面的常用技术；第5章是一个移动端的综合项目；第6～7章主要讲解了跨平台移动Web技术，即可适应各种尺寸屏幕的页面开发技术；第8章是一个跨平台的综合项目。下面分别对每个章节进行简单介绍，具体如下：

（1）第1章主要让读者对移动互联网有基础的理解，与HTML5中的移动技术第一次见面。

（2）第2章讲解了基于HTML5的移动Web应用中的网络存储、离线应用和画布技术。

（3）第3章讲解了基于HTML5的移动Web应用中的多媒体、Geolocation地理定位、拖曳和文件操作技术。

（4）第4章集中讲解了移动端常用的页面布局和移动端常用事件。

（5）第5章综合项目——黑马掌上商城，是一章模拟网上商城的移动端实战课程。

（6）第6章讲解了跨平台移动Web技术，包括响应式Web设计、媒体查询、栅格系统、弹性盒布局等。

（7）第7章讲解了在移动端开发使用非常广泛的Bootstrap框架。

（8）第8章综合项目——黑马财富，详细讲解了理财公司网站首页响应式页面的制作方法。

如果读者在理解知识点的过程中遇到困难，建议不要纠结于某个地方，可以先将案例按教程编写出来。通常来讲，在熟悉代码过程后，前面看不懂的知识点一般就能理解了。如果读者在动手练习过程中遇到问题，建议多思考，理清思路，认真分析问题发生的原因，并在问题解决后多进行总结。

致谢

本书的编写和整理工作由传智播客教育科技股份有限公司完成，主要参与人员有吕春林、马丹、金鑫、马伦、刘晓强等，全体人员在这近一年的编写过程中付出了很多辛勤的汗水，在此一并表示衷心的感谢。

意见反馈

尽管我们尽了最大的努力，但书中仍难免会有不妥之处，欢迎各界专家和读者朋友来信来函提出宝贵意见，我们将不胜感激。在阅读本书时，若发现任何问题或有不认同之处，可以通过电子邮件与我们取得联系。

请发送电子邮件至：itcast_book@vip.sina.com

黑马程序员

2017年4月