前端架构设计 PDF 文档

Question

本书展示了一名成熟的前端架构师对前端开发全面而深刻的理解。作者结合自己在 Red Hat 公司的项目实战经历，探讨了前端架构原则和前端架构的核心内容，包括工作流程、测试流程和文档记录，以及作为前端架构师所要承担的具体开发工作，包括 HTML、JavaScript 和 CSS 等。

本书适合前端开发人员，以及具有一定技术背景的前端管理者。

本书不是一本技术手册，虽然书中使用了大量的代码示例；它也不是一本纯理论图书，虽然讲 为什么这么做 的部分和讲 怎么做 的一样多。因此，本书既不适用于单纯寻求技术答案的开发者，也不适用于只想了解梗概信息的项目经理。

本书适用的对象是那些想从更宏观的角度理解前端开发的从业人员。我撰写此书的目的在于激励和鼓舞开发人员去承担起前端架构师的职责，以及力争在下一个项目中把前端开发作为头等重要的任务。

目录
前言
第一部分 引言
第 1 章 前端架构原则
像盖房子一样搭建站点
第 2 章 Alpha 项目
2.1 慢而有力的开端
2.2 全副武装
第 3 章 前端架构的核心
3.1 围绕四个核心工作
3.2 四个核心的含义
第二部分 代码核心
第 4 章 HTML
4.1 过去处理标记的方法
4.1.1 程序式标记：自动化程度 100%，可控程度 0%
4.1.2 静态标记：自动化程度 0%，可控程度 100%
4.2 平衡可控性和自动化
模块化标记：自动化程度 100%，可控程度 100%
4.3 这一切背后的设计系统
4.4 模块化 CSS 理论的多面性
4.4.1 OOCSS 方法
4.4.2 SMACSS 方法
4.4.3 BEM 方法
4.5 选择适合的方案
第 5 章 CSS
5.1 特性之争与继承之痛
5.2 一种现代的、模块化的方法
5.3 其他有助益的原则
5.3.1 单一职责原则
5.3.2 单一样式来源
5.3.3 组件修饰符
5.4 小结
第 6 章 JavaScript
6.1 选择框架
6.2 维护整洁的 JavaScript 代码
6.2.1 保持代码整洁
6.2.2 创造可复用的函数
6.3 小结
第 7 章 Red Hat 代码
7.1 过多的依赖
7.2 严重的位置依赖问题
7.3 设计分解
7.4 组件分类
7.5 BB 鸟规则
7.6 编写你自己的规则
7.7 每个标签指定唯一的选择器
7.7.1 单一责任原则
7.7.2 样式只有单一的来源
7.7.3 可选的修饰符
7.7.4 可选的上下文
7.8 语义化的网格
第三部分 流程核心
第 8 章 工作流
8.1 过去的开发工作流
8.2 现代的开发工作流
8.2.1 需求
8.2.2 原型设计
8.2.3 程序开发
8.3 前端工作流
8.3.1 必要的工具
8.3.2 本地部署
8.3.3 编写用户故事
8.4 开发
8.5 发布
8.6 提交编译后的资源
8.7 持续集成的服务器
8.7.1 标签分支
8.7.2 究竟为什么要这么做
8.8 发布渠道
第 9 章 任务处理器
9.1 在任务处理器中完成一切
9.2 在项目中使用任务处理器
9.3 有明显的优胜者吗
第 10 章 Red Hat 流程
10.1 征服最后一英里
10.2 模式驱动的设计系统
第四部分 测试核心
第 11 章 单元测试
11.1 单元
11.1.1 更多重用
11.1.2 更好的测试
11.2 测试驱动的开发
11.3 一个测试驱动的例子
11.4 测试覆盖率要多大才足够
11.4.1 解决分歧点
11.4.2 从测试覆盖率开始
第 12 章 性能测试
12.1 制定性能预算
12.1.1 竞争基线
12.1.2 平均基准
12.2 原始指标
12.2.1 页面大小
12.2.2 HTTP 请求次数
12.3 计时度量
12.4 混合度量标准
12.4.1 PageSpeed 分数
12.4.2 Speed Index 指标
12.5 设置性能测试
12.5.1 Grunt PageSpeed 插件
12.5.2 Grunt Perfbuget 插件
12.6 小结
第 13 章 视觉还原测试
13.1 常见的质疑
13.1.1 不了解情况的开发者
13.1.2 不一致的设计
13.1.3 举棋不定的决策者
13.2 一个经过测试的解决方案
13.3 视觉还原测试的多面性
第 14 章 Red Hat 测试方法
14.1 实践视觉还原测试
14.1.1 测试工具集
14.1.2 设置 Grunt
14.1.3 测试文件
14.1.4 对比
14.1.5 运行全部测试用例
14.1.6 如何应对测试失败
14.1.7 从失败到成功
14.1.8 修改代码以适应需求
14.1.9 将基准图片放在组件目录里
14.1.10 独立运行每个组件的测试集
14.1.11 测试的可扩展性
14.2 小结
第五部分 文档核心
第 15 章 样式文档
15.1 配置 Hologram
15.1.1 Hologram 的文档注释块
15.1.2 Hologram 编译流程
15.1.3 Hologram 小结
15.2 SassDoc
15.2.1 安装 SassDoc
15.2.2 使用 SassDoc
15.2.3 探索 SassDoc
15.2.4 深入了解 SassDoc
15.2.5 内部依赖
15.3 小结
第 16 章 图形库
16.1 何为 Pattern Lab
16.2 运行 Pattern Lab
16.3 首页模板
16.4 首变量
16.5 原子
16.6 发挥原子的作用
第 17 章 Red Hat 文档
17.1 阶段 1：静态的样式文档
17.2 阶段 2：重写 Pattern Lab
17.3 阶段 3：分拆模式库和样式文档
17.4 阶段 4：创建统一的渲染引擎
17.5 阶段 5：自动创建新模式
第 18 章 总结

下载地址：https://www.wenjiangs.com/wp-content/uploads/2024/04/0RmXU3WATV7SoVRz.zip