每日一书|CSS新世界:专业讲解CSS新特性

杜甫诗云:“读书破万卷,下笔如有神”。开发者多读书、读好书,能打好基础、掌握实践、答疑解惑、拓展视野。正基于此,2021年11月1日起,CSDN、《新程序员》推出“每日一书”栏目,为你推荐精选好书,助力你的开发工作如行云流水。

张鑫旭,前端开发工程师,国内前端博客“鑫空间-鑫生活”博主,“CSS三部曲”作者,2009年开始写原创技术文章,十几年来笔耕不缀,创作了近800篇前端技术原创文章,年访问量接近1000万次。

在十多年来对前端技术的探索中,他对前端开发,尤其是在HTML/CSS等与交互体验关系密切的领域,有了更深的理解、更多的心得体会。今天,异步君有幸邀请到张鑫旭进行独家专访,分享他在前端开发过程中所作的思考。

— 01 —

“图书创作,一种更大的价值体现”

在Web前端开发人员必须掌握和使用的技术中,CSS被认为是一门入门易、深入难的技术。随着互联网硬件设施的不断发展和移动开发的兴起, CSS 2.1的特性已经无法满足互联网应用开发的需求,CSS迎来了跨越式的大发展,形成了全新的CSS 3.0新世界,无论是布局、视觉展示,还是动画与特效,都得到了非常好的支持。

2017年12月,《CSS世界》和广大读者见面,上市一年入库超2万册。2019年10月,张鑫旭创作了《CSS选择器世界》,搭建出CSS世界的“钢筋骨架”,获得了读者的广泛好评和认可。今年8月,“CSS三部曲”最后一本——《CSS新世界》出版,专业讲解了CSS33及其之后版本的新特性。 

图片

回顾过去十多年对CSS世界的学习和研究,他坦言:“这是一段特殊的旅程,没有借鉴,没有参考,可能旅程并不顺利,也可能会有别样的风采,但人生在世,本就当如此,遵循自己内心的指引,创造属于自己的价值。”

探索一条不一样的曲径之路是艰辛的,他的内心有过彷徨,有过犹豫,甚至考虑过其他更对自己有价值的领域,但他还是决定坚守本心,他记录下了探索之路上的每个角落,他“相信技术的价值,技术强悍事业必然有成”,他这样讲述这段经历:“技术比人情可靠,你所学习的技术知识、积累的细节和经验,日后百分之百可以带来令你欣喜的价值,而且这个价值连绵不绝,越筑越高。因为技术不像人,技术不会欺骗你。

张鑫旭在谈到创作“CSS三部曲”的初衷时说:

“我的人生箴言中有这么一句话——人活在世上,重要的不是得到了什么,而是留下了什么。在过去很长一段时间里,我都是通过文章进行知识传播,虽然也能帮助一部分人,但是受众还是有限,传播的知识也比较零碎,不够体系化。所以我就萌生了图书创作的想法,将自己的研究心得和实践经验以非常系统的方式梳理出来,更好地帮助大家学习,然后借助出版平台的力量,让更多的人可以学到知识,这对我而言是巨大的价值体现。”

— 02 —

“突破技术瓶颈期,需要沉心去阅读、去体会”

张鑫旭在从事IT行业的十多年时间里,参与过大量的Web前端开发项目,也正是凭着这些经历所带来的深刻思考和独特洞见,他创作了蕴含大量从实际项目开发角度出发的“CSS三部曲”。在谈到所创作的3本书时,他建议先阅读《CSS世界》,这是整个CSS世界的基础,《CSS新世界》是在《CSS世界》基础上构建的高楼,而《CSS选择器世界》是整栋大楼的钢筋骨架,所以,建议《CSS选择器世界》在《CSS新世界》之前阅读,或者同时阅读。

按照张鑫旭过往的经验,新人的学习会比较细致,反而具备一定CSS开发经验的读者就看个大概,这实际上这是一件很可惜的事情。有一定开发经验的读者经过快速成长期后,会认为自己学得差不多了,殊不知,这是典型的瓶颈期,应该沉下心去阅读、去体会,去看到另外的世界,让自己的专业技术达到更高的层次,这个时候会发现,原来之前学到的只是一小部分而已。这一系列图书其实都适合这种有一定经验,自认为比较熟练,而实际上急需突破瓶颈,对技术有追求的读者阅读。

很多读者注意到,“CSS三部曲”的封面中都采用了鲸鱼和星海图案,实际上这是张鑫旭亲自设计的图案,每本书的封面上也都有这么一句话“茫茫星海中巨鲸永不犯错的航行,那是因为有星辰的指引”。大家仔细观察,就会发现从《CSS世界》到《CSS新世界》,星辰的位置离鲸鱼越来越近,书本的颜色也越来越亮,这说明鲸鱼正在航行,而且是在星辰的指引下航行,来到了更加明亮的新世界。这预示着大家在这3本书的指引下,在CSS学习这条路上,也会来到更加明亮的新世界。

 《CSS新世界》一书近600页,几乎是前两本书的总和,在内容编排上,张鑫旭也做了很多考虑。本书重细节、经验和思路,以面对面讲述的口吻介绍知识点,帮助读者迅速突破瓶颈。张鑫旭结合多年从业经验,充分考虑前端开发人员的开发需求,在CSS基础知识之上,以CSS新特性背后的历史背景为线索,深入浅出介绍CSS3及其之后出现的上百个CSS新特性,去粗取精,注重细节;同时,张鑫旭还为本书开发了专门的配套网站,用于实例展示和问题答疑。

本书的具体内容包括:

1,CSS全局知识;

2,CSS 2.1的已有属性,及CSS 3的增强属性;

3,支持IE9/IE10的CSS属性,包含圆角、阴影、变换、渐变、过渡和动画等;

4,CSS 3.0的布局效果实现,会对Flex布局和Grid布局中的特性和原理进行深入分析;

5,移动开发场景中的CSS 3.0新特性;

6,CSS变量;

7,CSS3的图文内容增强;

8,滤镜和混合模式;

9,遮罩和剪裁;

10,用户行为相关CSS;

11,SVG中的CSS;

12,CSS Houdini。

图片

张鑫旭始终相信:“当技术积累突破到一定阶段后,你心里面就会明白,自己能够做的事情还有很多,可以走出一条别人没有走过的纯专业方向的探索之路。”

— 03 —

“把当下专业技术学扎实,趋势也许由你创造”

谈到“CSS三部曲”给自己和读者带来的收获,张鑫旭表示:“对我个人而言,‘CSS三部曲’是对我这么多年不断研究与学习的一种交代,让我的辛苦付出更有价值了。同时,来自众多读者的感谢与赞誉让我也颇有成就感。对读者而言,我想,最大的收获是学到了很多CSS知识,精进了前端技术,助力了职业发展。”

谈到CSS技术发展的发展趋势和制约因素,张鑫旭表示:“目前CSS技术的发展主要在新伪类、新函数和新属性这一块,平均每个月都会出现一种新特性,不过这些发展并没有多少颠覆性的变化,我认为这与IT技术、硬件设备并没有出现颠覆性的升级变革和爆发有关。对于CSS这门技术,制约其发展与流行的因素可能不在于开发者本身,而在于硬件设备本身的兼容性,例如混合模式,要想让IE浏览器支持,那可太难了,完全不可行,这就制约了CSS新特性的传播和普及。”

对于前端技术的未来,张鑫旭认为:“前端技术的发展趋势,我认为不可控的因素太多了,很难预测短期内哪一种技术会流行,哪一种技术会成为趋势。就算有些技术当下流行,没过几年可能就会变成前浪,所以,趋势什么的,我现在看得很淡了,没必要去追逐,还是把当下的专业技术学好学扎实,什么也不用担心,什么也不用怕,说不定趋势就是你创造的。”

此外,张鑫旭也已经有了关于自己下一本书的计划:“《CSS选择器(第2版)》是我接下来的写作计划,根据读者反馈,我会优化部分内容,最新推出的一些CSS选择器也需要同步更新。”相信我们能在不久的将来看到他对CSS世界的新探索、新方向。 

图片

《CSS新世界》新书推荐

内容简介:

本书是“CSS世界三部曲”的最后一部。这是一本关于CSS的进阶读物,专门讲CSS3及其之后版本的新特性。在本书中,作者结合自己多年的从业经验,讲解CSS基础知识,并充分考虑前端开发者的需求,以CSS新特性的历史背景为线索,去粗取精,注重细节,深入浅出地介绍了上百个CSS新特性。

本书的所有内容都是作者经过深入思考和探索后提炼出来的,知识点多且内容丰富,注重技术细节、经验分享和解决问题的思路。本书的主要目标是帮助前端开发者突破CSS技能提升的瓶颈,非常适合具有一定CSS基础的前端开发者阅读。

(声明:本文转载自人民邮电出版社IT专业图书旗舰品牌“异步图书”微信公众号。)

Guess you like

Origin blog.csdn.net/programmer_editor/article/details/121254359