这是我参与8月更文挑战的第17天,活动详情查看:8月更文挑战
前言
吃饱饭才有力气写代码~
今天写了一些前端代码,发现存在很多问题以及很多不规范的地方,想先总结记录一下,希望以后写的代码可以很整洁简练~
一.思路总结
我写的只是绑定在一个按钮上的方法,主要内容都写在这个方法里。这个方法要实现的功能是:复选框选择之后可以点击按钮,点击按钮后先判断所选内容是否符合一个条件,不符合就给出提示并且不再往下进行;符合就往下进行第二个判断,判断是不是满足第二个条件,不满足同样结束,满足了就调用一个后端接口。
用一个简易图表示如下:
stateDiagram-v2
[*] --> 不满足条件一
不满足条件一 --> [*]
[*] --> 满足条件一
满足条件一 --> 满足条件二
满足条件一 --> 不满足条件二
不满足条件二 --> [*]
满足条件二 --> 调接口
调接口 --> [*]
一开始的想法是设置两个开关值tag1、tag2;tag1用来控制第一个条件,符合tag1了在用tag2做第二个开关;这一步功能可以实现;但是在用tag2的时候就出现了一些问题。因为tag2 条件判断一开始想的也是调用一个后端接口进行判断,在接口返回体里面进行tag2的设置,但是不知道为什么这个地方tag2不生效,于是开始求助。然后就完全颠覆了以上这个思路!!!
二.改进
因为一开始是复选框,需要遍历复选框取其中的参数,改进的思路就在这里。在遍历的时候定义两个变量用来记录不满足条件一和不满足条件二的选项,然后直接判断这两个变量是否为空并做出提示即可。而且这里做出提示后若不满足条件就不会往下执行,简直了!费劲巴拉整的,他们都已经封装好了!所以呀,像我们这些小菜鸡还要多学多问呀~
还有一点就是命名的规范,尽量符合公司的那一个标准,这样方便维护!