一些前端开发的代码审查和意见

简介: 一些前端开发的代码审查和意见

现在做的web shop只有一套代码,里面是一些generic的逻辑,不能出现任何Nike Adi之类的硬编码。当前启动web shop的实例,具体是for Nike 还是Adi,通过启动时传入的参数指定。当时我拍脑袋说的是通过命令行,当时你问能不能用url,我说也可以。


但是现在的代码里,还是分别为Nike 和Adi各自做了一套UI啊。想一下将来假设CSO的同事为了突出demo效果,想同时开10个web shop,那么除了现在做好的Nike和Adi外,我们岂不是得复制粘贴8次?


想一下比如要遵循QDPR之类的规范,demo时不能出现真实客户名字,而是用ABCDEFGHIJ你做了10个 XX.vue, 岂不是每一个.vue文件进去后都要手动把真实客户名字改成ABCDEFGHIJ?


一个best practice:尽量把不变的东西抽象出来,固化到代码里,把易变的东西抽取出来,放到配置文件里。最理想的结果就是:无论老大们的需求怎么变,developer只需要修改配置文件即可应对,不需要修改代码,也不需要重新编译程序。


你现在这种为每个site做一个.Vue的做法,应对现在的demo我觉得也ok,只是我担心将来demo需要展示的web shop数量超过3个后,每次需求改动都会引入一些额外的本来可以通过更好的编程技巧去避免的工作量。


image.png

现在adi这个web shop : 支持的这些字段是硬编码的。


理想的情况是下图右边,你用#3 这个API询问后台,adi支持哪些字段?然后后台告诉你,你根据结果动态绘制vue页面。


如果觉得用vue实现这种动态绘制效果有难度,可以先按照现在这种编程方式做。但是缺点以前邮件提到过了,后期随着需求变动可能会带来一些体力活。

image.pngimage.png

相关文章
|
2月前
|
算法 测试技术 持续交付
代码重构:提升软件质量的艺术与实践
代码重构:提升软件质量的艺术与实践
64 0
|
9月前
|
前端开发 索引
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧1
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧
47 0
|
9月前
|
前端开发 JavaScript 安全
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧2
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧
67 0
|
9月前
|
前端开发 JavaScript 测试技术
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧5
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧
65 0
|
9月前
|
JSON JavaScript 前端开发
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧3
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧3
107 0
|
9月前
|
前端开发 JavaScript 搜索推荐
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧4
一个好的前端开发人员必须掌握的前端代码整洁与开发技巧
29 0
|
11月前
|
设计模式 Rust 架构师
软件开发人员必须阅读的20本书(一)
软件开发人员必须阅读的20本书(一)
81 1
|
11月前
|
设计模式 机器学习/深度学习 算法
软件开发人员必须阅读的20本书(二)
软件开发人员必须阅读的20本书(二)
109 0
|
关系型数据库 MySQL 数据管理
软件测试需要学习什么 这4点是测试人员必学的
随着互联网快速发展,软件系统越来越复杂。在运行时非常容易出错,而且每一个开发工程师都会有自己的思维局限,自己的错误自己很难检查出来,而这时就必须要有专门的测试人员用专业的方法来检查产品,保障的软件质量。
158 0
软件测试需要学习什么 这4点是测试人员必学的
|
测试技术 API 微服务
《软件测试52讲》读书笔记 —— 互联网产品的测试策略
《软件测试52讲》读书笔记 —— 互联网产品的测试策略
221 0
《软件测试52讲》读书笔记 —— 互联网产品的测试策略