前端架构设计2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

前端架构设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一部分 引言7

第1章 前端架构原则7

第2章 Alpha项目11

2.1 慢而有力的开端11

2.2 全副武装12

第3章 前端架构的核心15

3.1 围绕四个核心工作15

3.2 四个核心的含义16

第二部分 代码核心19

第4章 HTML19

4.1 过去处理标记的方法19

4.1.1 程序式标记：自动化程度100％，可控程度0％19

4.1.2 静态标记：自动化程度0％，可控程度100％20

4.2 平衡可控性和自动化21

4.3 这一切背后的设计系统22

4.4 模块化CSS理论的多面性22

4.4.1 OOCSS方法23

4.4.2 SMACSS方法23

4.4.3 BEM方法24

4.5 选择适合的方案25

第5章 CSS27

5.1 特性之争与继承之痛28

5.2 一种现代的、模块化的方法30

5.3 其他有助益的原则32

5.3.1 单一职责原则32

5.3.2 单一样式来源33

5.3.3 组件修饰符34

5.4 小结35

第6章 JavaScript37

6.1 选择框架37

6.2 维护整洁的JavaScript代码38

6.2.1 保持代码整洁38

6.2.2 创造可复用的函数38

6.3 小结40

第7章 Red Hat代码41

7.1 过多的依赖41

7.2 严重的位置依赖问题42

7.3 设计分解42

7.4 组件分类43

7.5 BB鸟规则44

7.6 编写你自己的规则44

7.7 每个标签指定唯一的选择器46

7.7.1 单一责任原则46

7.7.2 样式只有单一的来源47

7.7.3 可选的修饰符47

7.7.4 可选的上下文50

7.8 语义化的网格53

第三部分 流程核心57

第8章 工作流57

8.1 过去的开发工作流57

8.2 现代的开发工作流58

8.2.1 需求58

8.2.2 原型设计58

8.2.3 程序开发58

8.3 前端工作流59

8.3.1 必要的工具59

8.3.2 本地部署59

8.3.3 编写用户故事60

8.4 开发61

8.5 发布62

8.6 提交编译后的资源62

8.7 持续集成的服务器63

8.7.1 标签分支64

8.7.2 究竟为什么要这么做64

8.8 发布渠道64

第9章 任务处理器67

9.1 在任务处理器中完成一切68

9.2 在项目中使用任务处理器69

9.3 有明显的优胜者吗71

第10章 Red Hat流程73

10.1 征服最后一英里73

10.2 模式驱动的设计系统75

第四部分 测试核心87

第11章 单元测试87

11.1 单元87

11.1.1 更多重用88

11.1.2 更好的测试88

11.2 测试驱动的开发88

11.3 一个测试驱动的例子89

11.4 测试覆盖率要多大才足够90

11.4.1 解决分歧点90

11.4.2 从测试覆盖率开始90

第12章 性能测试91

12.1 制定性能预算91

12.1.1 竞争基线92

12.1.2 平均基准92

12.2 原始指标93

12.2.1 页面大小93

12.2.2 HTTP请求次数94

12.3 计时度量94

12.4 混合度量标准95

12.4.1 PageSpeed分数95

12.4.2 Speed Index指标95

12.5 设置性能测试95

12.5.1 Grunt PageSpeed插件96

12.5.2 Grunt Perfbuget插件96

12.6 小结97

第13章 视觉还原测试99

13.1 常见的质疑99

13.1.1 不了解情况的开发者100

13.1.2 不一致的设计100

13.1.3 举棋不定的决策者100

13.2 一个经过测试的解决方案101

13.3 视觉还原测试的多面性101

第14章 Red Hat测试方法103

14.1 实践视觉还原测试103

14.1.1 测试工具集103

14.1.2 设置Grunt104

14.1.3 测试文件104

14.1.4 对比105

14.1.5 运行全部测试用例106

14.1.6 如何应对测试失败107

14.1.7 从失败到成功107

14.1.8 修改代码以适应需求108

14.1.9 将基准图片放在组件目录里108

14.1.10 独立运行每个组件的测试集109

14.1.11 测试的可扩展性110

14.2 小结111

第五部分 文档核心117

第15章 样式文档117

15.1 配置Hologram117

15.1.1 Hologram的文档注释块119

15.1.2 Hologram编译流程120

15.1.3 Hologram小结121

15.2 SassDoc121

15.2.1 安装SassDoc121

15.2.2 使用SassDoc122

15.2.3 探索SassDoc123

15.2.4 深入了解SassDoc124

15.2.5 内部依赖125

15.3 小结127

第16章 图形库129

16.1 何为Pattern Lab129

16.2 运行Pattern Lab131

16.3 首页模板133

16.4 首变量134

16.5 原子135

16.6 发挥原子的作用135

第17章 Red Hat文档137

17.1 阶段1：静态的样式文档137

17.2 阶段2：重写Pattern Lab139

17.3 阶段3：分拆模式库和样式文档142

17.4 阶段4：创建统一的渲染引擎143

17.5 阶段5：自动创建新模式144

第18章 总结147

作者介绍149

封面介绍149