CSS重构:样式表性能调优

CSS重构:样式表性能调优

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书适合刚刚着手前端开发的程序员,旨在教会他们从全局理解自己编写的代码,掌握代码架构。

内容简介

本书主要内容包括:什么是重构,级联、选择器的优先级、盒子模型等常备误解的CSS知识,代码编写规范,CSS测试方法,CSS组织方法,CSS重构策略。

作者简介

作者Steve Lindstrom,早在 1999 年出于个人爱好开发了自己的第一个网站,那时他还在中学读书。后来他赴佛罗里达州墨尔本市求学,从佛罗里达理工学院获得了计算机科学学士学位。Steve 曾在国防、旅游科技领域从事软件开发工作,最近开始涉足电子商务领域。工作之余,他喜欢学习烹饪和喝咖啡。

章节目录

版权信息

内容提要

O'Reilly Media, Inc.介绍

译者序

前言

第1章 重构和架构

1.1 什么是重构

1.2 什么是软件架构

1.2.1 优秀架构是可预测的

1.2.2 优秀架构可提升代码复用性

1.2.3 优秀架构可扩展

1.2.4 优秀架构可维护

1.2.5 软件架构和重构

1.3 需要重构的原因

1.3.1 需求变更

1.3.2 架构设计不合理

1.3.3 低估困难

1.3.4 忽视最佳实践

1.4 什么情况下应该重构代码

1.5 什么情况下不应该重构代码

1.6 我能重构自己的代码吗

1.7 重构示例

1.7.1 重构示例1:计算电子商务订单的总价

1.7.2 重构示例2:重构CSS的简单示例

1.8 总结

第2章 级联

2.1 什么是级联

2.2 选择器特指度

2.3 规则集顺序

2.4 行内CSS和特指度

2.5 用!important声明覆盖级联样式

2.6 总结

第3章 编写更优质的CSS

3.1 使用注释

3.2 结构一致的规则集

用浏览器引擎前缀组织属性

3.3 保持选择器的简单

高性能选择器

3.4 分离CSS和JavaScript

3.4.1 在JavaScript中使用带前缀的类和ID

3.4.2 用类修改元素样式

3.5 使用类

3.6 类名要有意义

避免使用过于模块化的类

3.7 创建更好的盒子

3.7.1 盒子尺寸:content-box

3.7.2 盒子尺寸:border-box

3.7.3 content-box或border-box

3.8 总结

第4章 为样式分类

4.1 样式分类的重要性

4.2 通用样式

4.3 基础样式

4.3.1 定义基础样式

4.3.2 文档元数据元素

4.3.3 区块元素

4.3.4 标题和文本元素

4.3.5 锚点标签元素

4.3.6 文本语义元素

4.3.7 列表

4.3.8 组合元素

4.3.9 表格

4.3.10 表单

4.3.11 图像

4.4 组件样式

4.4.1 定义需要实现的行为

4.4.2 保持组件样式的粒度

4.4.3 根据需要,改写元素容器的样式

4.4.4 将定义尺寸的任务交给结构化容器

4.5 结构化样式

4.6 功能样式

4.7 浏览器特定样式

4.8 总结

第5章 测试

5.1 为什么说测试很困难

5.2 需要测试的重点浏览器

5.3 浏览器市场份额

Google Analytics的浏览器统计数据和屏幕分辨率

5.4 测试多个浏览器

5.4.1 iOS系统的Safari浏览器

5.4.2 安卓

5.5 测试老式浏览器

5.5.1 Internet Explorer和Microsoft Edge

5.5.2 Firefox浏览器

5.5.3 Safari和iOS系统的Safari

5.5.4 Chrome浏览器

5.6 测试最新版本的浏览器

5.7 第三方测试服务

5.8 用开发者工具测试

5.8.1 模拟设备尺寸

5.8.2 文档对象模型(DOM)和CSS样式

5.9 视觉回归测试

5.9.1 视觉回归测试技巧

5.9.2 用Gemini执行视觉回归测试

5.10 维护你的代码

5.10.1 编码规范

5.10.2 模式库

5.11 总结

第6章 代码的组织和重构策略

6.1 按照样式从最不精确到最精确组织CSS

6.1.1 通用样式

6.1.2 基础样式

6.1.3 组件及其容器的样式

6.1.4 结构化样式

6.1.5 功能性样式

6.1.6 浏览器特定样式

6.2 多个文件还是一个大文件

6.2.1 提供CSS

6.2.2 用单一的CSS文件进行开发

6.2.3 用多个CSS文件进行开发

6.3 重构前审查CSS

6.4 重构策略

6.4.1 保持规则集结构的一致性

6.4.2 删除僵尸代码

6.4.3 分离CSS和JavaScript

6.4.4 分离基础样式

6.4.5 删除冗余的ID

6.4.6 将ID转化为类

6.4.7 区分功能性样式

6.4.8 定义可复用组件

6.4.9 删除行内CSS和过于模块化的类

6.4.10 隔离面向特定浏览器的CSS样式

6.5 评估重构是否成功

6.5.1 你的网站崩溃了吗

6.5.2 UI bug数

6.5.3 减少开发和测试时间

6.6 总结

附录 normalize.css

作者简介

封面说明

CSS重构:样式表性能调优是2017年由人民邮电出版社·图灵出品出版,作者。

得书感谢您对《CSS重构:样式表性能调优》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
高性能分离膜材料 电子书
“中国战略性新兴产业——新材料”丛书是中国材料研究学会组织编写的,被新闻出版广电总局批准为“十二五”国家重点出版物出版规划项目,并获2016年度国家出版基金资助。丛书共16分册,涵盖了新型功能材料、高性能结构材料、高性能纤维复合材料等16种重点发展的材料。本分册为《高性能分离膜材料》。  本书在重新梳理分离膜材料制备与结构调控的基础上,重点论述正渗透与反渗透膜、仿生修饰膜、均孔膜、渗透汽化膜、油水
CSS选择器世界 电子书
CSS选择器是CSS世界的支柱,撑起了整个精彩纷呈的CSS世界。本书专门介绍CSS选择器的相关知识。在本书中,作者结合多年从业经验,在CSS基础知识之上,充分考虑前端开发人员的开发需求,以CSS选择器的基本概念、优先级、命名、最佳实践以及各伪类选择器的概述和适用场景为技术主线,为CSS开发人员介绍有竞争力的知识和技能。此外,本书配有专门的网站,用以进行实例展示和问题答疑。作为一本CSS进阶书,本书
HTML+CSS网页设计 电子书
本书编者根据多年的教学经验,理论与实际相结合系统地讲述了如何利用HTML+CSS技术控制文字、图片、表格、背景及导航菜单等网页元素的方法。通过大量实例对CSS进行深入浅出的分析,着重讲解如何用HTML+CSS进行网页布局,实例的可操作性极强,难度适中,使读者在学习CSS应用技术的同时,掌握HTML+CSS的精髓。本书的最后给出了常见商业类型完整网页的综合实例,让读者进一步巩固所学到的知识,提高综合
自动化设备装调与维修 电子书
本书系统地介绍了三菱FX2N系列可编程序控制器的工作原理、编程元件、指令系统及其在工业中的应用等。全书主要内容包括可编程序控制器概述、三菱FX2N系列PLC的编程语言及编程软元件、三菱FX2N系列PLC的基本指令系统、顺序功能图与步进梯形图编程、功能指令及应用。  本书既可作为中等职业学校电气类专业教材,也可供自动控制领域可编程序控制器应用开发的工程技术人员参考。
优塾消费升级研报合集 电子书
本书从财务分析及行业研究视角,深入消费领域,帮助读者从消费升级的浪潮中抽丝剥茧,建立研究和分析体系。