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

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

现在做的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

image.png

相关文章
|
9月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
98 0
|
9月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
67 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
9月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0
|
9月前
|
前端开发
前端学习笔记202306学习笔记第五十一天-工厂模式4
前端学习笔记202306学习笔记第五十一天-工厂模式
34 0
|
9月前
|
前端开发
前端学习笔记202305学习笔记第二十八天-数组结构之列表拖拽改变顺序4
前端学习笔记202305学习笔记第二十八天-数组结构之列表拖拽改变顺序4
32 0
|
5月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
41 1
|
9月前
|
JavaScript 前端开发 调度
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
60 0
|
9月前
|
域名解析 缓存 网络协议
前端学习笔记202307学习笔记第五十七天-模拟面试笔记http-DNs解析ip地址
前端学习笔记202307学习笔记第五十七天-模拟面试笔记http-DNs解析ip地址
73 1
|
9月前
|
前端开发 JavaScript 安全
前端学习笔记202307学习笔记第五十七天-模拟面试笔记网络-xss和csrf攻击
前端学习笔记202307学习笔记第五十七天-模拟面试笔记网络-xss和csrf攻击
60 0
|
9月前
|
前端开发
前端学习笔记202306学习笔记第四十六天-vue-手写miniVue
前端学习笔记202306学习笔记第四十六天-vue-手写miniVu
44 0