如何写出高质量的代码 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进行通信;
不建议使用本地缓存 2021.01.11
在写某个流程的时候,
要整个流程的业务逻辑要梳理一次;
不要一个一个的写,然后做拼接;(这样整个会好一些)
遇见问题,这是你成长的机会,如果你能够解决,这就是收获。
作者:晚来南风晚相识
出处:https://www.cnblogs.com/IwishIcould/
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
出处:https://www.cnblogs.com/IwishIcould/
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!
万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
支付宝
微信
如果文中有什么错误,欢迎指出。以免更多的人被误导。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步