前端架构设计

图书标准信息

• 作者 潘泰燊、张鹏 译者；迈卡·高保特（Micah Godbolt）
• 出版社 人民邮电出版社
• 出版时间 2017-05
• 版次 1
• ISBN 9787115452368
• 定价 49.00元
• 装帧 平装
• 开本 其他
• 页数 149页
• 字数 99999千字
• 正文语种 简体中文
• 原版书名 Frontend Architecture for Design Systems
• 丛书 图灵程序设计丛书

【内容简介】

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

【作者简介】

:
潘泰燊，腾讯不错前端工程师，AlloyTeam团队成员，曾任百度靠前化应用商店前端组长、腾讯QQ空间UI开发工程师，擅长Hybrid App的开发调试，关注Web全栈与性能优化。
张鹏，硕士毕业于中山大学，曾就职于百度、腾讯等知名互联网公司，参与过基于LNMP架构的亿级别互联网应用的设计与实现，目前从事NodeJS与前端开发。
许金泉，毕业于深圳大学，毕业后加入百度FEX，曾知名品牌UEditor、百度靠前化浏览器等前端开发工作，现就职于腾讯云。

【目录】

前言  第一部分　引言第　1 章 前端架构原则　7第　2 章 Alpha 项目　112.1　慢而有力的开端　112.2　全副武装　12第　3 章 前端架构的核心　153.1　围绕四个核心工作　153.2　四个核心的含义　16第二部分　代码核心第　4 章 HTML　194.1　过去处理标记的方法　194.1.1　程序式标记：自动化程度 100%，可控程度 0%　194.1.2　静态标记：自动化程度 0%，可控程度 100%　204.2　平衡可控性和自动化　214.3　这一切背后的设计系统　224.4　模块化 CSS 理论的多面性　224.4.1　OOCSS 方法　234.4.2　SMACSS 方法　234.4.3　BEM 方法　244.5　选择适合的方案　25第　5 章 CSS　275.1　特性之争与继承之痛　285.2　一种现代的、模块化的方法　305.3　其他有助益的原则　325.3.1　单一职责原则　325.3.2　单一样式来源　335.3.3　组件修饰符　345.4　小结　35第　6 章 JavaScript　376.1　选择框架　376.2　维护整洁的 JavaScript 代码　386.2.1　保持代码整洁　386.2.2　创造可复用的函数　386.3　小结　40第　7 章 Red Hat 代码　417.1　过多的依赖　417.2　严重的位置依赖问题　427.3　设计分解　427.4　组件分类　437.5　BB 鸟规则　447.6　编写你自己的规则　447.7　每个标签指定唯一的选择器　467.7.1　单一责任原则　467.7.2　样式只有单一的来源　477.7.3　可选的修饰符　477.7.4　可选的上下文　507.8　语义化的网格　53第三部分　流程核心第　8 章 工作流　578.1　过去的开发工作流　578.2　现代的开发工作流　588.2.1　需求　588.2.2　原型设计　588.2.3　程序开发　588.3　前端工作流　598.3.1　必要的工具　598.3.2　本地部署　598.3.3　编写用户故事　608.4　开发　618.5　发布　628.6　提交编译后的资源　628.7　持续集成的服务器　638.7.1　标签分支　648.7.2　究竟为什么要这么做　648.8　发布渠道　64第　9 章 任务处理器　679.1　在任务处理器中完成一切　689.2　在项目中使用任务处理器　699.3　有明显的优胜者吗　71第　10 章 Red Hat 流程　7310.1　征服最后一英里　7310.2　模式驱动的设计系统　75第四部分　测试核心第　11 章 单元测试　8711.1　单元　8711.1.1　更多重用　8811.1.2　更好的测试　8811.2　测试驱动的开发　8811.3　一个测试驱动的例子　8911.4　测试覆盖率要多大才足够　9011.4.1　解决分歧点　9011.4.2　从测试覆盖率开始　90第　12 章 性能测试　9112.1　制定性能预算　9112.1.1　竞争基线　9212.1.2　平均基准　9212.2　原始指标　9312.2.1　页面大小　9312.2.2　HTTP 请求次数　9412.3　计时度量　9412.4　混合度量标准　9512.4.1　PageSpeed 分数　9512.4.2　Speed Index 指标　9512.5　设置性能测试　9512.5.1　Grunt PageSpeed 插件　9612.5.2　Grunt Perfbuget 插件　9612.6　小结　97第　13 章 视觉还原测试　9913.1　常见的质疑　9913.1.1　不了解情况的开发者　10013.1.2　不一致的设计　10013.1.3　举棋不定的决策者　10013.2　一个经过测试的解决方案　10113.3　视觉还原测试的多面性　101第　14 章 Red Hat 测试方法　10314.1　实践视觉还原测试　10314.1.1　测试工具集　10314.1.2　设置 Grunt　10414.1.3　测试文件　10414.1.4　对比　10514.1.5　运行全部测试用例　10614.1.6　如何应对测试失败　10714.1.7　从失败到成功　10714.1.8　修改代码以适应需求　10814.1.9　将基准图片放在组件里　10814.1.10　独立运行每个组件的测试集　10914.1.11　测试的可扩展性　11014.2　小结　111第五部分　文档核心第　15 章 样式文档　11715.1　配置 Hologram　11715.1.1　Hologram 的文档注释块　11915.1.2　Hologram 编译流程　12015.1.3　Hologram 小结　12115.2　SassDoc　12115.2.1　安装 SassDoc　12115.2.2　使用 SassDoc　12215.2.3　探索 SassDoc　12315.2.4　深入了解 SassDoc　12415.2.5　内部依赖　12515.3　小结　127第　16 章 图形库　12916.1　何为 Pattern Lab　12916.2　运行 Pattern Lab　13116.3　首页模板　13316.4　首变量　13416.5　原子　13516.6　发挥原子的作用　135第　17 章 Red Hat 文档　13717.1　阶段 1：静态的样式文档　13717.2　阶段 2：重写 Pattern Lab　13917.3　阶段 3：分拆模式库和样式文档　14217.4　阶段 4：创建统一的渲染引擎　14317.5　阶段 5：自动创建新模式　144第　18 章 总结　147作者介绍　149封面介绍　149
作者介绍
作者介绍  Micah Godbolt，前端架构师，作家，播客播主，世界ji开源大会的培训师和演讲师。他在个人博客（https:  micahgodbolt.com）中经常大力推广前端架构、Sass、视觉还原测试和基于模式的设计方法。他出生于太平洋西北地区，目前和妻子以及两个孩子定居于波特兰的郊区。  译者介绍 潘泰燊毕业于广东外语外贸大学，曾就职于腾讯、百度等互联网公司，参与过腾讯空间、百度地图等海量数据业务的Web开发工作，现就职于富途网络。 张鹏 硕士毕业于中山大学，曾就职于百度、腾讯等知名互联网公司，参与过基于LNMP架构的亿级别互联网应用的设计与实现，目前从事NodeJS与前端开发。  许金泉  毕业于深圳大学，毕业后加入百度FEX，曾主导UEditor、百度国际化浏览器等前端开发工作，现就职于腾讯云。 审校介绍   李弦 作者介绍  译者介绍 潘泰燊
序言