如何写出高质量的代码 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进行通信;


不建议使用本地缓存  


在写某个流程的时候,


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


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

相关文章
|
8月前
|
缓存 监控 程序员
Python中的装饰器是一种特殊类型的声明,它允许程序员在不修改原有函数或类代码的基础上,通过在函数定义前添加额外的逻辑来增强或修改其行为。
【6月更文挑战第30天】Python装饰器是无侵入性地增强函数行为的工具,它们是接收函数并返回新函数的可调用对象。通过`@decorator`语法,可以在不修改原函数代码的情况下,添加如日志、性能监控等功能。装饰器促进代码复用、模块化,并保持源代码整洁。例如,`timer_decorator`能测量函数运行时间,展示其灵活性。
64 0
ES6学习(3)模板字符串、简化对象和函数写法
ES6学习(3)模板字符串、简化对象和函数写法
|
7月前
|
语音技术
语音识别----函数基础定义联系案例,函数的参数,函数的参数练习案例,函数的返回值定义语法,函数返回值之None,函数的说明文档,函数的嵌套调用,变量在函数中的作用域,内部变量变全局变量用global
语音识别----函数基础定义联系案例,函数的参数,函数的参数练习案例,函数的返回值定义语法,函数返回值之None,函数的说明文档,函数的嵌套调用,变量在函数中的作用域,内部变量变全局变量用global
|
8月前
|
jenkins Java 持续交付
一篇文章讲明白JenkinsPipelinescript指令创建和变量定义
一篇文章讲明白JenkinsPipelinescript指令创建和变量定义
319 0
【TP5】在模板里边输出if写法
【TP5】在模板里边输出if写法
262 0
【TP5】在模板里边输出if写法
|
程序员 Ruby
“茴” 字的六种写法---l 类方法的七种定义方式
“茴” 字的六种写法---l 类方法的七种定义方式
#PY小贴士# for 循环定义的变量,循环外可以用吗?
我们知道,在 python 中要获取一个变量的值,必须是先给它赋值过,不然就是未定义。那么这个 i,代码中没有显式的赋值,在循环体之外还可以用吗?
|
Python
一日一技:XPath『不包含』应该怎么写?
一日一技:XPath『不包含』应该怎么写?
357 0
【ES6】模板字符串、简化对象写法、箭头函数
【ES6】模板字符串、简化对象写法、箭头函数
119 0
求字符串的长度(4种写法)(普通写法,函数写法(两种:有无返回值),不允许创建临时变量法(递归))
求字符串的长度(4种写法)(普通写法,函数写法(两种:有无返回值),不允许创建临时变量法(递归))
181 0
求字符串的长度(4种写法)(普通写法,函数写法(两种:有无返回值),不允许创建临时变量法(递归))