对于当前这个变电站远程智能巡检系统项目呢,我认为不足之处的地方有以下几点:
1、组件:
首先,有些页面会有过多的重复代码,过多重复的代码呢会让页面看起来很乱,后期维护起来也不方便,并且还会增加过多的维护费用,主要体现在程序员看代码的时间方面,如果我们写的代码每一个页面都最大程度的减少了代码量,
那么程序员熟悉代码的时间会大大缩小,以此提高我们这个程序员的开发效率。所以我们以后的项目遇到这种情况,是一定要组件封装的,组件封装呢:分为模块级别、页面级别、项目级别,
详解:
模块级别:单纯的一个模块,比如像搜索框,可以作为一个模块级别的组件,像模块级别的组件可以在模块中创建components文件夹,存放模块中的公共组件。
页面级别:单个页面中多处类似的地方,可以作为页面级别组件,在当前页面文件夹中创建components文件夹,存放当前页面中的组件。
项目级别:多个页面相似度百分之八十左右的,都可以作为项目级别组件,在根目录创建components文件夹,存放项目中多个页面都需要用到的公共组件。
2、注释:
每一个方法名,现在虽然已经语义化了,但是我个人的建议是:再加上简短易懂的注释这样不管是谁协助开发我们公司的项目,都能够更快的熟悉代码,开发出高质量且易维护项目。
3、没有用的代码:
这里如果说就是没有的代码一定要删除,提交代码时,一定要检查一下自己负责的模块中的每个页面,是否存在注释且没有用处的代码,像这种情况可以直接删除,不要提交上去,为的是方便自己和以后的程序员查看以及更新迭代。
4、死数据:
像表格中每一列确定好的表头这些数据,可以单独在当前文件夹内,与当前页面同级,创建一个js文件,通过导入import,导出export default的方式,进行页面的引用,极大地减少了每个页面的代码量。
columns: [
{
type: "selection",
width: 150,
align: "center",
},
{
title: "姓名",
key: "name",
},
{
title: "性别",
key: "gender",
},
{
title: "联系方式",
key: "phone",
},
{
title: "岗位",
key: "job",
},
],
5、公共方法:
项目中一般都会有一些数据,不是我们想要的数据,我们可以在根目录下创建utils文件夹,在里面写我们项目中可能要用到的公共方法,
就比如说我们的这个时间,可以搞一个转换时间格式的方法。
日期格式化函数,注意这时候传过来的是yyyy-MM-dd hh:mm:ss的格式的日期,
格式化只保留yyyy-MM-dd,
2019-04-23 18:00:00 => 2019-04-23。
function dateSubstr(value) {
var newDate = value;
if (null != value) {
newDate = newDate.substr(0, 10);
}
return newDate;
};
6、页面命名
一定要规范语义化,最好两个或两个单词以上的命名最好以-的形式分开,这样方便找文件。
7、项目目录文件结构
一个项目中,如果不注重模块的划分,不管我们是维护还是二次开发这个项目,我们程序员都会非常难受,
为什么呢?因为找文件找不到,不知道文件名是哪个,对应的是哪个文件的问题。
解决方案:
模块级别划分:我们每一位程序员开发的时候,将自己所负责的模块,根据项目实际情况划分成各个模块,并且写详细文档:哪个页面是哪个文件,都要写清楚。
项目级别划分:等待所有模块开发完毕,将项目中的模块进行预览,分析写好的模块,看哪里有需要改动的地方就再改一下。