最新公告
  • 欢迎您光临渊博吧,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • CSS重构:样式表性能调优

    CSS重构:样式表性能调优 最后编辑:2021-06-21
    增值服务: 自动发货 使用说明 安装指导 免费教学代客下载BUG修复

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

    内容简介:

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

    资源目录:

    译者序 xi

    前言 xiii

    第 1 章 重构和架构 1

    1.1 什么是重构 1

    1.2 什么是软件架构 1

    1.2.1 优秀架构是可预测的 2

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

    1.2.3 优秀架构可扩展 2

    1.2.4 优秀架构可维护 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:计算电子商务订单的总价 5

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

    1.8 总结 17

    第 2 章 级联 19

    2.1 什么是级联 19

    2.2 选择器特指度 19

    2.3 规则集顺序 21

    2.4 行内CSS和特指度 21

    2.5 用!important声明覆盖级联样式 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

    3.4.2 用类修改元素样式 32

    3.5 使用类 32

    3.6 类名要有意义 33

    3.7 创建更好的盒子 34

    3.7.1 盒子尺寸:content-box 36

    3.7.2 盒子尺寸:border-box 36

    3.7.3 content-box或border-box 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.8 组合元素 47

    4.3.9 表格 47

    4.3.10 表单 48

    4.3.11 图像 50

    4.4 组件样式 50

    4.4.1 定义需要实现的行为 51

    4.4.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系统的Safari浏览器 72

    5.4.2 安卓 74

    5.5 测试老式浏览器 75

    5.5.1 Internet Explorer和Microsoft Edge 75

    5.5.2 Firefox浏览器 76

    5.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执行视觉回归测试 83

    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.3 组件及其容器的样式 96

    6.1.4 结构化样式 96

    6.1.5 功能性样式 96

    6.1.6 浏览器特定样式 96

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

    6.2.1 提供CSS 97

    6.2.2 用单一的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

    资源截图:

    渊博吧是一个优秀的学习资源下载平台,渊博吧祝您越来越强大!!!
    渊博吧-学习资料大全-学习资源下载网 » CSS重构:样式表性能调优

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    开通VIP可以下载全站的资料吗?
    博源吧
    一个专注学习资料下载的平台
    • 2021-06-21Hi,初次和大家见面了,请多关照!

    发表评论

    售后服务:

    • 售后服务范围 1、教程资源使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、可为终生SVIP会员提供下载。
      付费增值服务 1、咨询学习教程等服务请详询在线客服
      2、提供学习资料相关的推荐
      3、普通会员提供下载地址(10元一部)
      4、承接 开发小程序、APP、SEO、网站等建站、仿站、开发、定制等服务
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的教程等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若教程侵犯了您的合法权益,请来信通知我们(Email: 616811604@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款教程有疑问,可以跟我联系哦!

    联系客服