如何写出高质量的代码 data 组件 函数 注释 命名 变量的次数

简介: 如何写出高质量的代码 data 组件 函数 注释 命名 变量的次数

今天在将以前文件上传的地方全部 改为新的文件上传的api。


在改动的过程中,发现代码有很多不合理的地方


在改的时候,因此也是非常的痛苦的哈。


比如说在data中我有太多的flag标识。俩控制元素的显示和隐藏了。真的是太多了


这样要不得,虽然代码是可以正常的跑的。但是呢??


以后不利于他人自己以后的维护。这一点我一定赶紧过来、


1在data中不要写太多的公共数据


如何解决了:


能局部显示的,就局部显示吧。


是不是非要data中的数据取显示了。


2学会写局部组件和公共组件


我写的代码还有一个问题


html太多了。小伙子。


html中相同的部分,你可以将它抽离出去哈


变成公共的组件。


写组件的好处:可以加速你写代码的速度哈。


优化你的代码  这样你的代码就不会有很多哈。


3 大量使用自己封装的函数


这样做的好处是:


减少代码的冗(rong)余。


提高自己代码的质量


4写好注释


当你写一个大的功能时,你应该有良好的注释这个大功能的逻辑和你实现的思路。


逻辑:是指这个功能的描述


思路:你是怎样是实现的描述。在你写的代码中应该注意写什么。


当写这些注释时,你应该使用多行注释


详细的描述。这样方便你以后维护和修改。


要不然以后改这一段代码时,你都不知道这是怎么发生的哈。


此时就是灾难现场。


虽然不需要你每一个方法都要写注释。


但是你要知道这个方法是用来干什么的。


重要的逻辑你一定要花时间去写注释说明,以后方便你的阅读


5 命名


好的命名,可以方便你的阅读。你以后的查找。


对于同一个文件。


减少类似的名称。


例如


var arr=[1,2,3]
var tilearr=[{id:1,name:'l'}]


这样的命名都是不好的。


因为当你搜索arr时会出现两个arr.


命名时不要出现这样的状况。


以后阅读这是非常糟糕的。


6 变量的次数


在同一个文件中,当你搜索某一个变量时。


这个变量不要超过7次。当这个变量超过了10次。


那么维护这一段代码是非常可怕的。


因为如是这一个变量出现了问题。


很难发现是哪一个变量出现的问题。


如果一一查找的话,也要有10次左右,这样也花费时间


时隔这么多天,我终究还是来写自己这么多天里遇见的问题了~


在随着项目越来越大


还是暴露了很多的问题


在做项目之前,最好是将整个项目看一下


看看整个流程是否是有不合理的地方


是不是有差流程的部分


是不是有难以实现的部分


是不是某些地方前后是矛盾的


在使用组件进行通信的时候,


如果有兄弟组件进行通信


又在同一个页面的时候,直接使用vuex进行通信;


不建议使用本地缓存  


在写某个流程的时候,


要整个流程的业务逻辑要梳理一次;


不要一个一个的写,然后做拼接;(这样整个会好一些)

相关文章
|
7月前
|
程序员 Ruby
“茴” 字的六种写法---l 类方法的七种定义方式
“茴” 字的六种写法---l 类方法的七种定义方式
|
8月前
|
移动开发 小程序 JavaScript
uniapp进行条件编译的两种方法?小程序端和H5的代表值是什么
在 UniApp 中,可以使用条件编译来根据不同的平台(小程序、H5 等)进行不同的代码处理。有两种主要的方法来实现条件编译:使用 mp 属性和条件注释。
|
9月前
|
Python
#PY小贴士# for 循环定义的变量,循环外可以用吗?
我们知道,在 python 中要获取一个变量的值,必须是先给它赋值过,不然就是未定义。那么这个 i,代码中没有显式的赋值,在循环体之外还可以用吗?
|
11月前
|
Python
一日一技:XPath『不包含』应该怎么写?
一日一技:XPath『不包含』应该怎么写?
228 0
【ES6】模板字符串、简化对象写法、箭头函数
【ES6】模板字符串、简化对象写法、箭头函数
58 0
【TP5】在模板里边输出if写法
【TP5】在模板里边输出if写法
217 0
【TP5】在模板里边输出if写法
|
JavaScript 网络架构
ES6知识点补充——剩余参数、展开语法
JS查漏补缺系列是我在学习JS高级语法时做的笔记,通过实践费曼学习法进一步加深自己对其的理解,也希望别人能通过我的笔记能学习到相关的知识点。这一次我们来了解剩余参数、展开语法
155 0
|
JavaScript 算法 前端开发
ES6知识点补充——模板字符串、默认参数
JS查漏补缺系列是我在学习JS高级语法时做的笔记,通过实践费曼学习法进一步加深自己对其的理解,也希望别人能通过我的笔记能学习到相关的知识点。这一次我们来了解模板字符串、默认参数
171 0
|
测试技术 Python
【HttpRunner v3.x】笔记—8.用例引用、变量传递
【HttpRunner v3.x】笔记—8.用例引用、变量传递
【HttpRunner v3.x】笔记—8.用例引用、变量传递
|
前端开发
评论列表案例-演示艾特符号替代相对路径的好处
评论列表案例-演示艾特符号替代相对路径的好处