CSS重构:样式表性能调优

admin 2022年09月05日 178次浏览

CSS重构:样式表性能调优

(副标题):无 ;

(作者): 51epub.cc ;

内容简介:


译者序
人们常将前端技术 HTML、CSS 和 JavaScript 亲切地称为“三剑客”,大抵说的是它们并肩支撑起了数以亿计的网站,英勇、侠义之气概不亚于桃园结义的刘关张。但若将网站比作一个少女,HTML 可视作她的身躯,CSS 必然是伊人的着装打扮,而 JavaScript 则是其言谈举止。胭脂铅粉易得,化妆技巧难学。CSS 何尝不是这样一门技术,稍微有点 CSS 知识的前端新人,都可以借助可视化编辑工具,随心所欲地加一串串行内样式,实现自己想要的效果。如此看来,CSS 很简单。但实际上,CSS 又很难,后台开发人员看到前端高手写的一堆堆代码就头大,觉得 CSS 好难啊!改动一处样式,结果页面布局大乱,修改起样式来如履薄冰,这哪里是哪里呀!样式明明加上了,可千呼万唤就是不生效!伺候好一个浏览器,别家的又乱了,这还能按时发布吗?!
CSS 的难,部分原因正是其简单造成的。代码写起来简单、灵活,且有近乎万能的行内样式,实在不行还有更厉害的 !important 声明,所以可以尽管“大胆”地写:定义冗长的选择器,大段粘贴样式,CSS 和 JavaScript 中混用选择器,弃而不用的代码也不删掉,不同用途的样式混在一起。虽然应用样式的目的达到了,但是代码的可读性、性能疏于考虑,华丽的外表下惨不忍睹。
想必很多前端朋友都已经认识到上述问题,并开始有意识地积累 CSS 重构知识。本书刚好适合你。本书是 CSS 重构这个垂直领域的系统指南,作者 Steve Lindstrom 有近二十年的网站开发经验。该书首先从软件架构的高度和软件工程的视角介绍了 CSS 重构的必要性、重构的原则和重构时间点的选择,接着讲解了级联方法、选择器特指度的计算方法以及 CSS 编码规范,然后又介绍了如何测试网站在多种设备和浏览器上的展示效果。你将学到如何用 Gemini 测试框架、PhantomJS

目录预览:

​ CSS重构:样式表性能调优
版权声明
O'Reilly Media, Inc. 介绍
业界评论
译者序
前言
目标读者
本书的目标
本书不涉及的内容
术语
配套网站提供的内容
排版约定
O'Reilly Safari
联系我们
致谢
电子书
第 1 章 重构和架构
1.1 什么是重构
1.2 什么是软件架构
1.2.1 优秀架构是可预测的
........


[EPUB下载]