前端代码 review 流程规范

预测试

0、明确任务需求和实现效果（需要产品和UI协同）

1、单元测试、集成测试通过

2、todo : C2C 测试通过（验证组件）

3、本地开发环境中，eslint 代码规范检查，无报错无警告

本地测试

4、基本功能正常；界面样式正常；移动端兼容良好；谷歌浏览器显示良好（浏览器兼容性和系统兼容性尽量满足）

5、极端情况正常：错误输入（数据类型不对等）、数据量巨大（1000行数据）、请求异常处理（403-404-500）

6、代码兼容性：是否兼容老代码和老数据结构（如果不能兼容，至少界面不报错）

代码查验

7、多余的空行注释删除

8、命名规范：函数名变量名不规范、代码可读性（避免生僻Hook）

9、性能优化：减少时间空间复杂度；减少全局变量；React 中，减少 render 次数（减少不必要的state，生命周期函数优化等）

10、代码安全：代码是否存在 XSS CFRS 攻击

学习点

1、review 其他人的优点：组件化，可拓展，可复用性

2、项目整体的框架，不同组件在文件上和逻辑上的依赖关系；视图、逻辑的分离等；使用了哪些设计模式

3、大量阅读优秀项目的源码，这样才能看到自己的不足之处；让优秀同事review自己的代码

前端代码 review 流程规范相关推荐

JB的测试之旅-项目流程规范
事前药本文阅读时长约10-30分钟,建议先浏览下总纲,很多细节不一定是通用的,主要还是想引导大家为什么这么做,而不是套模板,灵活比什么都重要,这个是初衷: 内容是全体测试同学及老大共同参与整理,并 ...
研发团队如何借助Gitlab来做代码review
代码review是代码质量保障的手段之一,同时开发成员之间代码review也是一种技术交流的方式,虽然会占用一些时间,但对团队而言,总体是个利大于弊的事情.如何借助现有工具在团队内部形成代码revie ...
Android产品研发（二十）--代码Review
转载请标明出处:一片枫叶的专栏上一篇文章中我们讲解了如何在Android studio中进行单元测试.实际开发过程中有一些功能性的需求,比如测试工具类,测试数据存储等测试工作,如果还是通过重复执行a ...
【Web前端开发最佳实践系列】前端代码推荐和建议
一.常用的前端文件的组织结构: 1.js (放置JavaScript代码) lib(放置框架JavaScript文件) custom.js 2.css(放置CSS样式代码) lib(放置框架CSS文件 ...
前端代码规范（1）谈code review
前端谈code review 一.review代码的认知 1.code review目的保证代码可读性,一致性代码层面减少bug,最基本缺少控制判断.异常处理传播知识+设计讨论. 相信很多人第一 ...
小团队的前端代码规范
前端代码规范文章目录前端代码规范 1 前言 2 命名规范 1) 项目命名 2 )目录命名 3)`javaScript` 文件命名 4)`CSS`,`less`文件命名 5)HTML文件命名 6) ...
[Client]前端代码规范及最佳实践
前端代码规范及最佳实践 2014/10/29 | 分类: WEB前端, 工具与资源, 开发 | 0 条评论 | 标签: 代码规范, 前端开发, 最佳实践分享到: 62 本文作者: 伯乐在线 - ...
代码REVIEW的流程化工作
一.CODE REVIEW工作组织建立代码REVIEW的工作,多数人认为是程序员的事情,其实恰恰理解的不充分,代码作为软件最基本要素之一,仅仅是之一,软件其实还有很多方面,设计,推广,销售,服务等等 ...
转型实践｜2022前端代码规范（大部分适用）
面试时你写的代码杂乱无章,被技术挑剔而压工资时.别人早就用整洁的代码进入了大厂,越是好的公司对于代码规范也更为严格.再此把前端代码代码规范做了一下整理.话不多说看看吧. HTML规范 1.起止标签所 ...
eslint规范_规范统一前端代码风格
背景众所周知,前端项目的代码质量和代码格式的校验是不可或缺的.很早之前在一个人开发的时候,脚手架生成vue项目的时候都没有打开过eslint,后面有位大佬加入,给boss说,加了个插件(eslint ...

前端代码 review 流程规范

预测试

本地测试

代码查验

学习点

前端代码 review 流程规范相关推荐

最新文章

热门文章