引言:十年一觉重构梦,风轻云淡路人甲

从自己开始学 CSS 到现在已经大概十个年头了,犹记刚入门时学会一个 IE6 的兼容都兴奋不已。时光荏苒,从曾经令人头疼的 IE6 到现在几乎一统的 chrome。浏览器在改变,CSS 布局也在悄然改变。而我正好见证了并经历了这一场洪流般的改变,且从中积累了不少经验,抑或是犯了不少错误,再加上 2017 年恰好参与了 IMWeb 团队开发的前端工程师 NEXT 学位课程,所以也是对相关知识进行了梳理归整和思考。于是想着把这些记录下来,也顺便道别那过去的十年光阴。

本小书主要深入剖析了 CSS 的布局技术,从概念的理解到实战的运用,从经典的 inline-block、 float、position 到现代的 flexbox、grids,从纯技术描述到个人的经验总结,非常适合新手及想提高 CSS 布局方面的同学。

由于涉及内容偏多,所以行文有深有浅,更多的会偏向疑难点进行深度解析,并以实例辅助,而一些浅显的可能会稍微带过。其中会涉及一些晦涩的概念(一般都会附有解释或相关的生活例子,以方便理解),尤其是第一章核心概念部分,这很容易让新手可能有点晕乎,不过建议沉住气,耐心点多琢磨理解,或者采用不懂的先跳过,待一遍完了之后再多读几遍的策略。

整个小书的写作过程就一个字:太折腾。真的是多次拿起又放下,豪情壮志立下 flag,然后又打脸。毕竟折腾这些东西没什么多大出路,而且还费时间,权当成全自己的一份情怀罢了。这其中视觉格式化文档grids 布局 写得最为艰难。一个是啃概念,又枯燥又很绕的东西;一个是属性和值泛滥成灾,如果说不清楚道不明白还不如不说。不过,最后还是熬了过来。也许不去较真,永远不知道原来自己的认识居然有误;不去打磨,永远不知道原来还有这么多小道道;不去逼迫自己,也永远到达不了你想要的彼岸。

在这里感谢下我的爱人及IMWeb团队的所有成员。

最后行文可能有误,如有发现,还请斧正,在此表示感谢!issue 地址为:css layout issues

results matching ""

    No results matching ""

    results matching ""

      No results matching ""