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

 

本文地址: 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. 阅读框架核心代码

感谢您的阅读及指正,让我们一起进步。
欢迎联系我交流:veinyin@gmail.com
作者:VeinYin
博客地址:https://www.cnblogs.com/veinyin/
如需转载请注明出处。
原文地址:https://www.cnblogs.com/veinyin/p/14381728.html