第一次用简书记录,大佬手下留情,有见解欢迎讨论。
1.

接口应该抽出来单独调用,最后return返回数据就行,在当前页面做try catch捕获失败处理,接口写在当前页面其他页面想调用又要重复书写,并且当前页面代码量大,不方便对接口做处理,这样也很难对接口做测试以及mock接口
2.

可以用webpack配置alias变成@/common/tools,就不用../去找相应的路径
3.

函数参数没有用TS做类型检验以及返回类型检验
4.

font-family可以用scss的mixin统一管理,不然字体改变得全局替换,样式可以使用style-component写更好点
5.

命名可以遵循bem规范
6.

这个2可以单独设个类型比如:1是personal.father,2是personal.childent更能理解
7.

浮动布局可以用flex达到同样的效果,兼容性待讨论,但是性能上flex比float好
8.

参数过多可以用解构赋值
网友评论