某一线前端小组长的 Code Review 分享

·  阅读 9729

☀️ 前言

大家平时网上搜索能搜出一堆Code Review 实践、Code Review 流程、如何如何 Code Review 等等。好像实际的 review 记录并不多,恰好本人有幸担任前端小组长一职,平时摸鱼就去偷偷看看大家又写了什么优秀代码。所以今天就由小弟我,给大家分享一下,小厂一线前端平时写的代码😸

作者能力有限,里面的评论不一定十分正确,仅做记录,抛砖引玉,以供学习参考~

项目背景:

  • react 16.8+
  • antd@4

💻 Talk is cheap. Show me the code!

location.replacelocation.href的使用区别

正则判断没有对用户可能输入的特殊符号进行转义

解析:
该组件本意是想实现对一串字符中的关键字进行高亮展示;
而正则表达式中有些字符具有特殊的含义,如果在匹配中要用到它本来的含义,需要进行转义(在其前面加一个\)。如:* . ? + $ ^ [ ] ( ) { } | \ /

Table行点击事件的处理

这里示例代码想实现点击表格行跳转页面效果,但是会导致一些鼠标操作被覆盖

在一个较大的组件内,需要注意输入组件导致的重渲染问题

避免使用反直觉的编码

做好路由字符串拼接的缺省处理

没有还原本地测试代码

解析:
一些本地运行时的mock代码,发到线上时忘记还原代码

维护好项目内的公共组件

👋 写在最后

本篇文章整体内容稍微零散,对于没有基础的同学可能不太友好,不过如果大家看完觉得有所收获,可以留言点赞!后续我会继续抽空记录,争取出一系列文章~

分类:
前端
标签: