前端工程质量保障体系实践

前端工程质量保障体系实践

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

仰观前端工程体系之大,俯察质量保障手段之盛。

内容简介

本书从前端开发的完整生命周期角度进行讲解,帮助读者了解前端的工程搭建、版本控制、代码质量、组件建设、测试保障、持续集成、系统部署、页面监控、请求监控、资源保障,以及工程质量优化的相关手段。

作者简介

作者曾静益,一线前端工程师,本科毕业于电子科技大学,目前在美团工作,长期专注于Web开发,拥有多年的前端工程实践经验。

参与过众多大型Web项目的设计与开发,从工程初期的准备工作,到中期的监控与质量保障工作,再到后期的性能优化工作等,积累了丰富的体系化搭建心得,同时也喜爱探索Web前沿技术,活跃于Github开源社区。

章节目录

版权信息

内容简介

前言

01 前端工程质量相关前驱知识

1.1 前端工程化简史

1.1.1 “原始社会”

1.1.2 “石器时代”

1.1.3 “铁器时代”

1.1.4 “工业化时代”

1.1.5 未来的方向——智能化

1.2 建立前端工程质量保障体系

1.2.1 说明

1.2.2 工程搭建

1.2.3 版本控制

1.2.4 代码质量

1.2.5 组件建设

1.2.6 测试保障

1.2.7 持续集成

1.2.8 系统部署

1.2.9 页面监控

1.2.10 请求监控

1.2.11 资源保障

1.2.12 工程质量优化

参考文献

02 工程搭建

2.1 类型约束——TypeScript

2.1.1 介绍

2.1.2 基础知识

2.1.3 高级类型

2.1.4 项目配置

2.2 开发框架——React

2.2.1 介绍

2.2.2 快速上手

2.2.3 路由控制

2.2.4 状态管理

2.3 CSS处理

2.3.1 PostCSS

2.3.2 扩展语言

2.3.3 样式隔离

2.4 构建工具——webpack

2.4.1 介绍

2.4.2 项目配置

参考文献

03 版本控制

3.1 简介

3.2 约定式提交规范

3.2.1 介绍

3.2.2 结构

3.3 分支管理

3.3.1 简介

3.3.2 分支模式——TBD

3.3.3 分支模式——Git-Flow

3.3.4 分支模式——GitHub-Flow

3.3.5 分支模式——GitLab-Flow

3.4 Git Hook

3.5 相关工具

3.5.1 commitizen

3.5.2 husky

3.5.3 commitlint

3.5.4 conventional-changelog-cli

3.6 小结

参考文献

04 代码质量

4.1 简介

4.2 代码质量指标

4.2.1 主观指标

4.2.2 客观指标

4.3 代码管理

4.3.1 代码规范

4.3.2 代码格式化

4.3.3 工程目录结构

4.3.4 类型约束

4.4 接口管理

4.4.1 接口mock

4.4.2 接口类型约束

4.4.3 接口类型自动化

4.5 代码质量平台SonarQube

4.5.1 简介

4.5.2 指标

4.5.3 安装和使用

4.6 代码托管平台GitLab

4.6.1 简介

4.6.2 安装

参考文献

05 组件建设

5.1 简介

5.2 组件规范

5.2.1 设计语言规范

5.2.2 研发设计规范

5.3 目录结构

5.4 样式主题

5.5 国际化

5.6 组件测试

5.7 文档管理

5.8 构建打包

5.9 发布规范

参考文献

06 测试保障

6.1 简介

6.2 测试流程

6.2.1 单元测试

6.2.2 功能测试

6.2.3 集成测试

6.2.4 端到端测试

6.3 测试方式

6.3.1 白盒测试

6.3.2 黑盒测试

6.4 测试手段

6.4.1 手工测试

6.4.2 自动化测试

6.5 常用测试工具

6.5.1 Jest

6.5.2 Cypress

6.5.3 LambdaTest

参考文献

07 持续集成

7.1 简介

7.2 Jenkins

7.2.1 简介

7.2.2 安装与初始化

7.2.3 任务简介

7.2.4 配置Webhook

7.3 持续集成

7.3.1 测试自动化

7.3.2 语法检测

7.3.3 注释扫描

7.3.4 依赖检测

7.3.5 自动构建

7.4 持续部署

08 系统部署

8.1 简介

8.2 发布类型

8.2.1 覆盖式发布

8.2.2 非覆盖式发布

8.3 资源管理

8.3.1 资源加速

8.3.2 更新延迟

8.4 灰度发布

8.4.1 含义

8.4.2 A/B测试

8.4.3 硬件隔离

8.4.4 软件隔离

8.5 放量策略

8.5.1 百分比放量

8.5.2 名单放量

8.5.3 自定义放量

8.6 发布回滚

参考文献

09 页面监控

9.1 简介

9.2 性能监控

9.2.1 Performance API

9.2.2 核心性能指标

9.2.3 其他指标

9.3 异常监控

9.3.1 错误采集

9.3.2 错误处理

9.3.3 错误排查

9.4 白屏监控

9.4.1 白屏分类

9.4.2 异常白屏监控

9.4.3 实时白屏监控

9.5 卡顿监控

9.5.1 卡顿分析

9.5.2 模拟FPS

9.5.3 优化

9.6 用户行为监控

9.6.1 分析

9.6.2 事件监听

9.6.3 录制回放

参考文献

10 请求监控

10.1 简介

10.2 请求采集

10.2.1 请求信息

10.2.2 XMLHttpRequest拦截器

10.2.3 Fetch拦截器

10.2.4 请求过滤

10.3 请求类型

10.3.1 高并发请求

10.3.2 重复请求

10.3.3 HTTP状态码异常

10.3.4 被取消的请求

10.3.5 业务异常请求

10.3.6 高延迟请求

10.4 爬虫请求

10.4.1 介绍

10.4.2 识别

10.4.3 防御

11 资源保障

11.1 简介

11.2 场景分析

11.2.1 DNS劫持

11.2.2 HTTP劫持

11.2.3 资源加载异常

11.3 防劫持保障

11.3.1 标记过滤法

11.3.2 CSP配置

11.3.3 防iframe劫持

11.3.4 HTPPS

11.4 稳定性保障

11.4.1 资源加载监控

11.4.2 资源重试

11.4.3 域名切换

11.4.4 资源离线化

参考文献

12 工程质量优化

12.1 简介

12.2 构建优化

12.2.1 构建过程分析

12.2.2 避免无意义解析

12.2.3 使用缓存

12.2.4 并行构建

12.3 体积优化

12.3.1 构建结果分析

12.3.2 提取公共代码

12.3.3 Tree Shaking

12.3.4 代码忽略

12.3.5 资源压缩

12.3.6 Scope Hoisting

12.4 性能优化

12.4.1 性能分析

12.4.2 CDN加速

12.4.3 按需加载

12.4.4 预编译优化

12.4.5 服务端渲染

参考文献

前端工程质量保障体系实践是2022年由电子工业出版社出版,作者曾静益。

得书感谢您对《前端工程质量保障体系实践》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
建设工程质量纠纷裁判指引 电子书
本书分为上、下两篇,上篇分为八章,系统梳理了建设工程质量纠纷所涉及的普遍性问题与一般处理方法,下篇分为十一章,重点针对实践中典型的工程进行具体演绎分析。此外,本书最后还附有与建设工程质量有关的常见工程术语、常见建设工程质量标准汇总表、建设工程质量纠纷数据统计与分析三个附录,为读者全面、精准把握工程技术及质量纠纷法律问题提供便利。
建设工程质量纠纷实务解析 电子书
本书共七章,内容包括:工程质量纠纷概要、勘察设计质量纠纷、建设工程质量司法鉴定、建设工程验收质量纠纷、建设工程质量保证金、保修期内的质量纠纷、未竣工工程质量纠纷的责任承担。
园林工程质量管控图解 电子书
为提升园林景观设计、施工行业的整体水平,打造精品、优良景观工程,创造企业良好的品牌效应,有必要对园林景观营建过程进行规范性、精细化控制和引导。 目前在园林工程中,存在一些普遍性问题,如施工人员不理解设计意图,有的基层工作者技术不过硬,施工管理人员不知如何提升个人和团队水平,设计方和业主不知如何对施工质量提出要求等。 本书尝试填补这方面的空白,主要从观感效果的角度剖析施工质量,根据园林景观工程在不同施工工序、施工阶段中应遵循的常规性要求,进行系统性的梳理、总结,具有普遍适用性。并帮助施工人员理解一般设计规律,更好地实现设计目的。全书用400多张实景图片剖析常见工程质量问题,浅显易懂,可作为相关行业从业人员常用的标准查寻手册和自我提升的参考书。
建筑工程质量达标实施指南 电子书
本书共计十一章,主要介绍建筑工程施工的达标标准和达标技术措施。第一章介绍建筑工程施工质量验收的基本内容;第二章至第十章介绍施工质量达标标准、施工材料(设备)质量要求、质量达标技术措施、质量达标检查验收,内容包括:建筑地基基础工程、地下防水工程、混凝土结构工程、砌体工程、钢结构工程、木结构工程、建筑地面工程、建筑装饰装修工程及屋面工程;第十一章简要介绍建设工程文件归档整理。本书严格依照现行工程质量验
建筑工程质量检测新技术 电子书
本书系统论述了建筑工程质量检测方面的新技术,如红外成像检测技术、冲击反射法检测技术、雷达波检测技术、砌筑砂浆贯入法检测技术、墙体材料检测技术、建筑锚栓检测技术等,内容系统全面、技术适用。书中重点介绍了国内外在工程质量检测方面的最新研究成果和工程检测实例,具有较高的学术价值和指导意义。