资源名称:CSS重构:样式表性能调优

内容简介:

CSS对于现代网站的用户体验至关重要,其地位不亚于决定着网站外形的HTML和让网站动起来的Javascript。本书作为CSS代码重构指南,不仅展示了如何编写结构合web前端开发教程理的CSS,以构建响应式、易于使用的css教程w3c网站,还介绍了如网站前端开发员简历表格何用重构方法创建可读性更强和更易于维护的CSS代码。不论你是刚开始开发自己的*个CSS项目或是清理现有项目的代码,css教程网本书提供的多种宝贵方法都可以帮你建设一个符合优秀建构设计原则的CSS代码库。 ●了解什么是代码重构及其与CSS之间的关系 ●探索Web浏览css教程最全css器如何使用级联方法决定为哪个元素应用什移动前端开发需要学什么么样式 ●编写可预测、易维护和可扩展的CSS,提升代码复用能力 ●理网站前端开发员简历封面清不同类型的CSS样式及其使用场景 ●确定对哪些浏览器和设备进行测试,以维护好CSS ●学习如何合理组织样式,重构CSS和评估重构效果

资源目录前端开发教程培训

译者序 xi

前言 xiii

第 1 章 重构和架构 1

1.1 什么是重构 1

1.2 什么是软件架构 1

1.2css教程大全.1 优秀架构是可预测的 2vue前端开发教程

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

1.2.3 优秀架构可扩展 2

1.2.4 优css如何学秀架构可维护 2

1.2.5 优秀架构和重构 2

1.3 需要重构的原因 2

1.3.1 需求变更 3

1.3.2 架构设计不合理 3

1.3.3 低估困前端开发技术难 3

1.3.4 忽视最佳实前端开发学哪些践 3

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

1.5 什么情况前端与移动开发方向下不应该重构代码 4

1.6 我能重构自己的代码吗 4

1.7 重构示例 5

1.7前端移动端开发面试题.1 重构示例 1:计算电子商务订单web前端开发案例教程的总价 5

1.7.前端开发兼职2 重构示例 2: 重构CSS的简单示例 15

1.8前端移动端开发面试题 总结 17

第 2 章 级联 19

2.1 什么是级联 19

2.2 选择器特指度css如何学 19

2.3 规则集顺序 21

2.4 行内CSS和特指度 21

2css3基础知识.5 用!important移动端开发和前端开发的区别声明覆盖web前端开发教程级联样式 22

2.6 总结 23

第 3 章 编写更优前端开发需要学什么质的CSS 25

3.1 使用注释 25

3.2 结构一致的规则集 26

3.3 保持选择器的简单 27

3.4 分离CSS和Javascript 31

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

3css3知识总结.4.2 用类修改元移动前端开发需要学什么素样式 32

3.5 使用类 32

3.6 类名要有意义 33

3.7 创建更好的盒子 34

3.7.1 盒css教程免费子尺寸:contenvue前端开发教程t-box 36

3.7.2 盒子尺寸:border-box 36

3.7.3 contjava开发主要学什么ent-box或border-boxvue前端开发教程 36

3.8 总结 37

第 4 章 为样式移动网页前端开发工具分类 39

4.1 样式分类的重要性 39

4.2 通用样式 39

4.3 基础样式 40

4.3.1 定义基础样式 40

4.3.2 文档元数据元素 41

4.3.3 区块元素 41

4.3.4 标题和文本元素 42

4.3小程序前端开发教程.5 锚点标签元素 44

4.3.6 文本语义元素 45移动网页前端开发工具

4.3.7 列表 45

4.3.java开发主要学什么8 组合元素 47

4.3.9 表格 47

4.3.10 表单 48

4.3.11 图像 50

4.4 组件样网站前端开发技术式 50

4.4.1 定义需要实现的行为 51

4.4.webstorm前端开发教程2 保持组件样式的粒度 51

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

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

4.5 结构化样式 63

4.6 功能样式 66

4.7 浏览器特定样式 66

4.8 总结 67

第 5 章 测试 69

5.1 为什么说测试很困难 69

5.2 需要测试的重点浏览器 69

5.3小程序前端开发教程 浏览器市场份额 70

5.4 测试多个浏览器 72

5.4.1 iOS系统的Sa前端与移动开发方向fari浏览器 72

5.4.2 安卓 74

5.5 测试老式浏览器 75

5.5.1 Internet Explorer和Microsjava开发自学oft Edge 75

5.5.2 Firefox浏览移动端开发是前端还是后端器 76

5css3知识总结.5.3 Safari和iOS系统的Safari 76

5.5.4 Chrome浏览器 76

5.6 测试最新版本前端与移动开发方向的浏览器 77

5.7 第三方测试服务 77

5.8 用开发者工具测试 77

5.8.1 模拟设备尺寸 78

5.8.2 文档对象模型(网站前端开发员简历封面DOM)和CSS样式 81

5.9 视觉回归测试 82

5.9.1 视觉回归测网站前端开发员简历表格试技巧 83

5网页前端设计教程.9.2 用Gemini执行视觉回归测试 8前端开发教程 网盘3

5.10 维护你的代码 87

5.10.1 编码规范 87

5.10.2 模式库 91

5.11 总结 94

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

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

6.1.1 通用样式 96

6.1网站前端开发员简历封面.2 基础样式 96

6.1.3jquery前端开发实战教程 组件及其容器的样式 96

6.java开发要学的东西太多了1.4 结构化样式 96

6.1.5 功能性样式 96

6.1.6 浏览器特定样式 96

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

6.2.小程序前端开发教程1 提供CSS 97

6.2.2web前端开发教程 用单一的CSS文件进行开发 99

6.2.3 用多个CSS文件进行开发 100

6.3 重构前审查CSS 100

6.4 重构策略 102

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

6.4.2 删除僵尸代码 102

6.4.3 分离CSS和Javascript 103

6.4.4 分离基础样式 104

6.4.5 删除冗余的ID 106

6.4.6 将ID转化为类 106

6.4.7 区分功能性样式 107

6.4.8 定义可复用组件 107

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

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

6.5 评估重构是否成功 108

6.5.1 你的网站崩溃了吗 109

6.5.2 UI bug数 109

6.5.3 减少开发和测试时间 109

6.6 总结 110

附录 normalize.css 111

作者简介 120

网站前端开发用什么语言面说明 120

移动端开发和前端开发的区别源截图:

1.png

声明:本站所发布的全部内容源于互联网搬运,仅限于小范围内传播学习和文献参考,本站不提供任何技术服务或疑问解答,请在下载后24小时内删除,如果有侵权之处请第一时间联系我们删除。敬请谅解!