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

前折页

内容简介

前言

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 服务端渲染

参考文献