HTML5触摸界面设计与开发.pdfVIP

HTML5 触摸界面 提升网站速度，创造惊人的用户体验 设计与开发 【美】Stephen Woods　著 覃介右　谷　岳　译 人民邮电出版社 北 京 内容提要 本书专注于触摸界面的开发，内容结构和优化网站思路大概一致。上半部分涵盖了能 使各种网站，特别是移动网站变快的基本概念。第 2 章和第 3 章告诉你如何创建一个 简单的网站，并使其加载速度快。第 4 章可以帮助你使用缓存来提高用户再次访问时 的速度。第 5 章是关于要摒弃一次性的页面加载方式和重构应用程序以使实际上和感 觉到的性能都达到最优的。书的后半部分是专门讲触摸界面的，特别是尽可能地让它 们更平稳和快速。本书适合具有一定经验的 Web 开发者阅读参考。 献给“生鱼片”—最棒的猫 致谢 感谢 Jeff Riley、Nancy Peterson、Michael Nolan，还有 Peachpit 的工作人员，你们 推动了本书的诞生，并让文字变得通顺。感谢 Nicholas Zakas 对本书非常细致、深思 熟虑的批评，还有他在 Yahoo! 的指导。 还要感谢 Stoyan Stefanov 的终审和他在技术文章写作领域上的宝贵经验。同样感谢 Guy Podjarny 为本书付出的时间和做过的研究。 如果没有我的经理 Ross Harmes 以及 Flickr 前端团队其他同事们的支持，绝不会有这 本书的诞生。 感谢 Benjamin 为我展示了移动设备的众多用途。 最后，感谢 Elise 容忍我每天晚上一连几个小时地盯着电脑和一堆手机。 前言 在我写作时 , 11.42% 的网页流量来自移动设备（根据 StatC 的统计数据）。 这个数字一年前是 7%，三年之前是 1.77%。虽然桌面设备还会陪伴我们一段时间， 但是 Web 的未来是在移动设备上的。 对于 Web 开发者，支持移动设备是自 21 世纪初的 Web 标准革命以来最大的变革。 移动设备都搭载了支持 HTML5 的完全现代的浏览器。它们还装有容量较小的内存和 缓慢的 CPU，经常通过高延迟的网络来链接。而且它们几乎全都有触摸界面。 为移动设备开发就是为触屏开发。许多桌面 Web 开发中的技巧对于移动 Web 依然 适用，不过有些却是完全不同—弄清楚这些不同会有一定难度。我写这本书来帮 助你去弄清楚它们。 谁适合读这本书 这本书是为两类读者写的 : ■　经验丰富的 Web 开发者，但从未开发过移动或触摸界面的网页，想要学习 ■　一直致力于让他们的移动版网站更优秀的移动站点开发者 这本书不适合绝对的初学者。你需要有 Web 前端的背景知识：HTML、CSS 和 JavaScript。对 HTML5、CSS3 的新接口和功能有一定经验会更好。 最重要的是，这本书适合那些并不觉得他们的移动网站已经足够好的人。如果你想要 建设一个迅速而流畅的网站，这本书再适合你不过。 你将能学到什么 本书专注于触摸界面的开发，内容结构和优化网站思路大概一致。上半部分涵盖了我 认为能使各种网站，特别是移动网站变快的基本概念。第 2 章和第 3 章告诉你如何创 建一个简单的网站，并使其加载速度快。第 4 章可以帮助你使用缓存来提高用户再次 访问时的速度。第 5 章是关于要摒弃一次性的页面加载方式和重构应用程序以使实际 上和感觉到的性能都达到最优的。书的后半部分是专门讲触摸界面的，特别是尽可能 地让它们更平稳和快速。随着层层深入，本书也逐渐复杂深奥。如果你觉得后面的章节 太难了，先尝试在工作中运用你所学到的东西，再回头来看我在本书末尾介绍的一些想 法。一个好用的移动网站不需要双指缩放的功能。 你需要用到什么 如果你想要在本书中学到更多东西，除了你的电脑外，你至少还需要一台触屏设备。 如果只能有一台，我推荐 iOS6 或 Android 4 的设备。如果条件允许，上述两台都有是 最理想的了。 开发移动网页时，设法利用尽可能多的设备。iOS 和 Android 模拟器无法取代真机。 在写这本书时，我使用了一台搭载 Android 4.0.4 的 Samsung Galaxy S III、一台 iPhone 4、一台 iPhone 5、一台 iPad 1，还有一台 HTC 8X (Window