《高性能响应式Web开发实战》

[复制链接]
查看230 | 回复1 | 2019-11-25 16:40:23 | 显示全部楼层 |阅读模式

《高性能响应式Web开发实战》_1

《高性能响应式Web开发实战》_1

《高性能响应式Web开发实战》_2

《高性能响应式Web开发实战》_2

《高性能响应式Web开发实战》_3

《高性能响应式Web开发实战》_3


内容简介:

李光毅◎编著
高性能
响应式Wcb
开发实战
人民邮电出版社

书在版编目(CIP)数据
高性能响应式Web开发实战/李光毅编著.一北京
人民邮电出版社,2016.7
ISBN978-7-115-42216-3
1.①高…Ⅱ.①李…Ⅲ.①主网 页制作工具一程序
设计Ⅳ.①TP393.092
中guo版本图书馆CIP数据核字(2016)第100568号
内容提要
响应式web设计的理念是让页面根据用户行为以及设备环境(屏幕尺寸、分辨率等)
进行相应的响应和调整。响应式网 页设计就是一个网站能够兼容多种终端,而不是为每种终
端做一个特定的版本
本书分为两部分,第一部分是前端的基本响应式技术,涉及响应式布局、图片的处理
解决问题的思路以及一些进阶的技巧等:第二部分在以上内容的基础上,加入了对页面进行
性能调优的内容,包括如何确立性能指标,如何使用不同的工具衡量性能,以及如何解决常
规的性能问题等
本书适合有兴趣学习响应式技术的前端从业人员和其他相关人员阅读
编著李光毅
责任编辑杨海玲
责任印制焦志炜
◆人民邮电出版社出版发行北京市丰台区成寿寺路11号
邮编100164电子邮件315@ptpress.com.cn
网址http://www.ptpress.com.cn
固安县铭成印刷有限公司印刷
◆开本:720×9601/1
字数:257千字
2016年7月第1版
印数:1-2500册
2016年7月河北第1次印刷
定价:39.00元
读者服务热线010)81055410印装质量热线010)81055316
反盗版热线010)81055315

为什么写这样一本书
作为一名程序员,写书也好,写博客也罢,其实都和写开源程序的性质是一样的
都是想要把自己的知识分享出去。分享是一件非常有成就感同时也是很快乐的事情
因为我们在此过程中会有很多新的想法,会迫不及待地想去实现,也会有很多人来和
我们进行交流,探讨其他的一些可能性。最重要的是,对于做分享的人而言,做好分
享很难!首先,分享者要对自己讲解的技术有足够的了解,不仅仅是了解如何用它,
还要了解它的过去和未来:其次,分享者要能够娓娓道来,要站在受众的立场上考虑
他怎样才能听懂,他可能会有哪些疑惑:最后,分享者有责任确保自己分享的知识的
准确性和正确性,分享内容的质量同时也折射了分享者的技术水平,这也是迫使分享
者进步的一个动力
响应式技术,乃至前端的技术,发展是非常迅速的,现在能够使用或者可预见的
响应式技术,在我看来是非常有意思和振奋人心的。但是,因为一些guo内客观条件的
限制(公司环境、从业者认知、用户行为等),响应式技术的发展与guo外的发展水平
有一定的差距。目前能找到的大部分与响应式设计相关的书基本都是从guo外引进的
而这些原著一般是几年前出版的,因此这些书传授的知识现在看来显得有些保守和落
后(当然终究有一天这本书的内容也会落伍和被淘汰,只是时间的问题罢了)。我想
说,即使我们没有机会将大部分技术应用于实战,也应该通过一种渠道了解它究竟发
展到何种程度了,至少在将来某一天需要时能够知道从哪里开始。
给页面做性能优化也是我这几年的工作内容之一。我阅读了很多资料,也做过很
多的实践和尝试,踩过坑,也总结出一些经验,所以想把其中的一些宝贵经验分享出
来。当然,这些经验不仅仅来源于我自己,还有来自工作中一起奋斗过的同事们,感
谢他们。
我也是一个通过阅读来学习新技术的人,我会订阅一些技术博客,也会翻阅一些
原版书籍。我更欣赏guo外技术人员撰写的文章,因为他们讲解技术的时候总能做到循

前言
循善诱,有问题的起因,原有方案的不足,现有解决方案如何,以及在现有方案上又
有谁做了哪些创新,现有方案仍然存在的不足,最后再提出一些开放性的问题,而不
仅仅是给自己看的学习日记,或者把API文档更通俗地翻译一遍
技术不是什么高深莫测的东西,一个看似复杂的解决方案拆解之后其实只是一些
解决问题手段的叠加。因此,我一直希望在我给其他人分享技术时能有机会采用上面
所说化繁为简的方式循序渐进。这本书就是这个理念的最好实践
技术概述
对于大多数guo内开发者而言,响应式是一个即熟悉又陌生的词语。熟悉是因为它
直都在以各种方式影响着我们,陌生是有一部分人没有用过它。事实上,响应式技
术已经是较为成熟的技术了。它有稳定的API作为支撑,有前人总结出的最佳实践作
为开发指导,并且浏览器日趋完善的支持也保证了绝大多数用户都能无障碍访问,尽
管可能大部分用户的浏览器环境或者我们的工作场景因为历史原因不允许我们自如
地使用
响应式设计的概念与HML5类似,不是单指某一技术而是代指一些技术的集合
狭义上来说,媒体查询和响应式图片算是响应式设计的核心技能,但广义上看,任何
能够让页面适配移动设备的技术都包含在内,甚至脚本和后端。当然,以本书的篇幅
不可能把这一切都事无巨细地娓娓道来。响应式技术也像这个行业一样,始终不断地
在更新选代。本书的内容也只能涵盖现有技术的冰山一角。
内容安排
第1章详细介绍本书的写作方向以及写作思想。这一章解释了许多的疑问:为
什么需要响应式,为什么性能如此重要,究竟什么是响应式,以及在学习的过程中
如何付诸实践。通过阅读这一章内容,读者会对本书的组织结构和选择题材的原由
有所了解
第2章并没有开始编码,而是了解在响应式开发中需要解决的问题,这些问题有
助于理解接下来本书介绍的众多技术的意义,也从技术上区分了桌面前端开发与移动
前端开发的差异,所以第2章也可以看作是第1章的延伸
第3章与第4章可以作为一体。在这两章中,完成了一个拥有响应式基本布局的
页面。在第3章中我们为布局做了一些准备工作,使用传统的前端技术搭建了一个简

前言
易的版本,为第4章埋下伏笔。第4章基于第3章完成的传统布局,逐个解决在移动
端可能遇到的问题,通过引入媒体查询、伸缩布局、相对单位等,正式将布局“响应
式化”
第5章专注处理页面上的图片。图片虽然能够提高页面的吸引力,但它带来的副
作用也不容小觑。在这一章中我们会尝试针对不同的屏幕和设备加载图片,甚至移除
图片。在条件有限的情况下,我们也会尝试优化图片
第6章和第7章介绍的是页面优化,第7章可视为第6章的进阶。第6章将帮助
读者树立起对“性能”这个词的正确认识。我们将“性能”转化为实际数值从不同的
维度进行衡量和追踪,同时通过一段常规代码初步了解脚本的一些性能瓶颈。在第7
章中我们将会继续尝试一些其他的优化思路,如避免脚本、选择性加载甚至求助于后
端,最后总结性能优化思路
第8章主要介绍项目的维护问题。在这一章中读者将会了解如何简化上线和开发
流程,降低工程的维护成本。
本书特点
实战是本书的最大特点。整本书的内容由一个页面线索串起,也就意味着无论是
习动机还是要学习的技术,都从实际需求出发。同时本书还注重响应式与之前传统
技术的对比,尽可能做到承上启下,便于大家理解。实战也意味着我们要考虑页面上
线后可能存在的缺陷,如需要向下兼容、做线上优化等。
同时我们也正视了项目中的工程问题,借助于工具优化发布流程、降低维护成本
而言之,希望读者在阅读完本书之后,可以对Web响应式设计有一个较为明确
的了解,学到很多实用的知识,而不是在遇到相同的问题后只是觉得似曾相识而无从

回复

使用道具 举报

黒涩兲箜 | 2019-12-21 20:08:09 | 显示全部楼层
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则