《CSS重构:样式表性能调优》试读:译者序

人们常将前端技术HTML、CSS和JavaScript亲切地称为“三剑客”,大抵说的是它们并肩支撑起了数以亿计的网站,英勇、侠义之气概不亚于桃园结义的刘关张。但若将网站比作一个少女,HTML可视作她的身躯,CSS必然是伊人的着装打扮,而JavaScript则是其言谈举止。胭脂铅粉易得,化妆技巧难学。CSS何尝不是这样一门技术,稍微有点CSS知识的前端新人,都可以借助可视化编辑工具,随心所欲地加一串串行内样式,实现自己想要的效果。如此看来,CSS很简单。但实际上,CSS又很难,后台开发人员看到前端高手写的一堆堆代码就头大,觉得CSS好难啊!改动一处样式,结果页面布局大乱,修改起样式来如履薄冰,这哪里是哪里呀!样式明明加上了,可千呼万唤就是不生效!伺候好一个浏览器,别家的又乱了,这还能按时发布吗?! CSS的难,部分原因正是其简单造成的。代码写起来简单、灵活,且有近乎万能的行内样式,实在不行还有更厉害的!important声明,所以可以尽管“大胆”地写:定义冗长的选择器,大段粘贴样式,CSS和JavaScript中混用选择器,弃而不用的代码也不删掉,不同用途的样式混在一起。虽然应用样式的目的达到了,但是代码的可读性、性能疏于考虑,华丽的外表下惨不忍睹。 想必很多前端朋友都已经认识到上述问题,并开始有意识地积累CSS重构知识。本书刚好适合你。本书是CSS重构这个垂直领域的系统指南,作者Steve Lindstrom有近二十年的网站开发经验。该书首先从软件架构的高度和软件工程的视角介绍了CSS重构的必要性、重构的原则和重构时间点的选择,接着讲解了级联方法、选择器特指度的计算方法以及CSS编码规范,然后又介绍了如何测试网站在多种设备和浏览器上的展示效果。你将学到如何用Gemini测试框架、PhantomJS无头浏览器自动化截图,比较重构前后视觉效果上的差异。最后,作者详细介绍了代码的组织方式、重构策略以及重构的评价标准。读完本书,始可与言CSS重构已矣。从这本薄书中你收获到的将是一整套CSS重构理论加方法指南。此后,你可将自己已掌握和新掌握的知识纳入这个体系,以重构的理念贯穿始终,构建起自己的前端知识大厦,最终输出高性能的CSS代码。本书适合编写CSS的前端开发人员,新手宜于学习、实践和佐证自己的想法,高手可当是相互切磋。 我周围有很多前端工程师朋友,工作中也会与他们打交道。他们或为网站,或为Android、iOS 应用编写CSS 样式。我知道有不少前端朋友之前从事其他行业,从培训班毕业后直接找的工作。我在此郑重向感觉自己缺乏软件工程知识和实践的朋友推荐本书,书中提到的方法能将你引向大路。互联网技术这个行当相对不那么看重各种背景,只要踏实、上进、肯钻研,再加上技术过硬,都能找到一个好去处。 我跟前端还是蛮有渊源的。十年前,我开始傻乎乎地用记事本写HTML、CSS,添加幼稚的样式,为实现的朴素效果激动不已。读研期间的一次大作业,我曾选择前端技术作为研究方向。我还曾把翻译HTML 技术文章作为翻译实践。我妻子司韦韦曾从事前端工作。我见证了她转行学习前端到工作的整个过程,我常常不由地为她的华丽转身而惊叹!她在短短几年之内,从一家小外贸公司的职员蜕变为“宇宙中心”一家知名外贸电商的前端工程师。时代造人,不能不让人感慨。技术发展的脚步,我们不能不察;技术发展的速度之快,我们不能不奋起直追。还记得她刚工作时,一个夏日的周末,我们同去中关村图书大厦读书,然后又一起去北大静园草坪游玩。云销雨霁,我们拣地热井旁的大青石拂去雨水而坐,她兴奋地跟我说,她在制作页面方面的很多想法与刚读到的书中的想法如出一辙, 我跟着她一起高兴。一本好书的力量是无穷的。我希望本书所讲内容也能给广大前端工程师带来知识、信心和力量。 感谢作者Steve Lindstrom 将自己多年总结得来的宝贵经验分享给我们。感谢图灵公司的朱巍等诸位编校人员,本书的顺利出版离不开你们幕后的辛勤付出,感谢谢婷婷编辑在译文语言风格等方面的诸多指导。感谢我的同学肖铮,前端这个职位我第一次是从他那里听来的。感谢通过前端技术结识的同事和朋友,他们分别是张琳琳、王海霞、邵有生、赵伟轩、曹倩倩等。感谢2009 级计算机辅助翻译专业的同学对我翻译工作的支持,同窗几载, 受益甚多。在翻译本书的过程中,女儿有时会顽皮地钻到我面前,一定要敲敲键盘才肯罢休。姑娘,你这是长大了要做前端吗?感谢我的家人,我得以心无旁骛做自己喜欢的事, 全仰仗众人的携助。 本人学识有限,且翻译仓促,书中难免会有错误、不当和疏漏之处,敬请读者批评指正。 杜春晓 2017年2月

>CSS重构:样式表性能调优

CSS重构:样式表性能调优
作者: [美] Steve Lindstrom
isbn: 7115469784
书名: CSS重构:样式表性能调优
页数: 140
译者: 杜春晓, 司韦韦
定价: 39.00元
出版社: 人民邮电出版社
装帧: 平装
出版年: 2017-11