前端性能优化-研发开发流程优化

 

本文地址： https://www.cnblogs.com/veinyin/p/14381728.html

 

1 前端研发流程

1. 技术选型（页面渲染技术和混合式开发技术）

2. 项目初始化（三大框架、埋点、公共组件等）

3. 依赖模块引入（私有 npm）

4. 本地开发（自研前端工具）

5. 项目联调（需求实现）

6. 效果确认（产品、设计确认）

7. 项目上线（部署系统、自动化部署）

2 前后端协作

1. 前后端制定数据接口（开发前确定）

2. 前端页面制作

3. 前端交互实现

4. 后端开发

5. 前后端联调

6. 前端上线

7. 后端上线

3 自动化测试

3.1 UI 自动化

上手简单，但稳定性较差，常用工具如下

appium：开源工具，用于 IOS 手机、android 手机、Windows 桌面的原生或混合应用的测试工具

robot framework：基于 python，可扩展的基于关键字驱动的测试框架，用于端到端验收测试和验收测试开发，测试分布式应用程序

selenium：用于 Web 应用程序测试的工具，可以直接运行在常用浏览器上，模拟用户操作，测兼容性比较好

airtest：跨平台、多端 UI 测试工具

3.2 接口自动化

稳定、性价比非常高，常用工具如下

Java + restassured：轻量级的 REST API 客户端，可以直接编写代码向服务端发起请求并验证返回结果，语法简单

python + requests：使用 python 编写，主要对 python 接口测试

JMeter：Apache 组织开发，主要用于 Java 压测

HttpRunner：面向 HTTP 协议的通用测试框架，只需要编写维护一份脚本，就能实现自动化测试、性能测试、线上监测等多种测试需求

工具有 Java + restassured、python + requests、JMeter、HttpRunner 等

3.3 单元测试

性价比极高，一般由开发完成，单元测试框架

Junit5：Java 应用最广泛的测试框架，

pytest：成熟的 python 测试框架，插件也比较丰富

unittest：可用于单元测试，还可用于 Web 自动化测试用例的开发和执行

4 自动化上线和部署

1. 拉取代码库代码

2. 自动化工具在线打包编译

3. 代码上线部署至灰度机器

4. 代码上线部署至线上全量机器

5. CDN 后台静态文件更新缓存

5 提升代码质量

1. 制定代码规范

2. 静态代码扫描（在上线系统里增加流程）

3. Code Review

4. 阅读框架核心代码