昨天和今天就干了写了三个页面,应该说比较重要的页面就一个,其他的两个就简单的来个table,加一些简单的输入框之类的,但是就是这两个简单的页面也出了一些问题:
-
因为不让使用栅格,突然发现行内和自动适应宽度成了问题,而且无数的div看了真是让我头疼,一会就看不清楚到底哪个是哪个了,一会觉得少了个结束标签,一会又觉得自己多写了。
解决方法:行内一般都是input和button时使用,所以在form中有一个 :inline=‘true’ 添加上这个就可以了。
平常使用的方法:display: flex; justify-content: space-between; 也可以实现,但是其实集体做的时候一般不让使用flex,因为可能会出现很多其他的问题。
还有就是用栅格,这个也是很好实现的方法,在element里,整个页面的宽度被分为24个, 只需要根据你想要的的来分割就可以了。 -
注释真的很重要,无论是对于你自己还是对于其他人来说,至少能看得懂你这里写的是什么,而且代码量稍微一大,你就会发现,自己都找不到想要的那一段代码在哪里了。关闭dialog时,无论函数有多短,只要有@click,最好都写成函数。
解决办法:给自己电脑上下个规范代码的东西,身边大佬给我下了.eslint,刚刚使用的时候觉得要被逼疯了,少一个空格,多一个空行,哪怕是代码一行结束,后面多一个空格也会报错,我刚按上的时候几乎全屏爆红,但是现在已经好多了。 -
定义的时候一定要注意定义的是变量,还是函数,所以要仔细,我就是把prop写成了:prop就一直报错, 而且还没找到,最后在大佬鄙视的眼光下改了。
解决办法:其实写代码的时候编辑器会用不同的颜色帮我们区分,变量和字符的区别,所以只要细心基本上就没问题了。 -
写规则的时候记得要绑定:rules="rules"上次写员工详情的时候出的问题就是没有绑定图片列表,后面的rules是自己起的名字,可以写多个规则的。写规则的时候无论多少,都写在return里,最好不要直接写在布局里。让自己的代码尽可能的规范一些
-
还有就是使用gitee仓库,最简单的方法还是比较好掌握的,大家一起做的时候gitee是必不可少的。看网上写的基本上都是上传自己的仓库,但。。。。。也差不多吧
git add .
git commit -m 'what i do'
git checkout dev 就这一步不一样,因为要切换到分支上
git pull 一般pull的时候要写路径看上传到哪里,但是我的这个提前定义好了,所以就不用了特地再写。
- 写CSS的时候最好写成层叠模式,貌似是因为有的时候不生效???
- 最后要说一句,这几天写的还都是最基础的布局,应该从明天,或者下周要开始对接口,写逻辑,之类的稍微多一些技术含量的事了,但是我对于我vue的功力还是很怂的,所以要加油练啊
代码为啥写的不好,原因只有一个——欠练