距离前一篇博客已过去一年之久,这一年完成了人生的三件大事也不算辜负流年了。不说废话了,趁项目还热乎,先作一下小结。css
本次项目是接手前人的旧项目,前人栽树也挖坑:),我来乘凉也种树O(∩_∩)O哈哈~。浏览器
1、bug修复方面的问题:异步
1.click与mousedown事件会同时触发,对于同一个元素,须要当心处理;布局
2.加scoped的样式,在debug时会自带.class[data-],所以当心处理;
this
本次bug出现的颇有趣,前人写成了scope少了个‘d',我当时写的时候看到错了就加了个’d',结果出现了一个难以想象的bug(忘了),几经周折才发现是这个问题。url
3.表单form元素有submit默认事件,在这个里面操做enter,若是没有注册submit事件的话会默认触发致使url变化(加了一个问号)。若是不须要submit就须要注册它使之return false就好;spa
4.computed中的值不可直接用在template中,会报错。虽然不影响功能,可是控制台很差看,纠结星人会受不了。个人处理方式是给须要使用的值赋值,好比checkAll: this.ischeckall,而后计算ischeckall的值就能避免这个问题了;debug
2、css一些属性使用问题:orm
1.vertical-align的使用,以及line-height的结合使用,暂时没有研究出合理的搭配方式,待更新;接口
3、踩坑系列:
1.本次项目中有相似文件及文件夹形式的交互功能,交互之复杂,举。。。我以前全部项目的复杂程度之罕见,⊙﹏⊙b汗。只说如下几点问题:
a.移动后,shift连选文件会掉中间的某几个文件不是选中状态,debug后发现是由于从新获取文件顺序的接口更新不及时,老是记住上一次的顺序而不是当前顺序,汗
b.要实现文件夹中的框选,就要避免鼠标在文件夹中时的文件夹移动功能是否关闭;
c.对于某些功能能够思考是否能够改善。好比说能够在框选事件结束后再决定缩略图展示;
2.watch和refs的使用问题
本项目使用过多,考虑到多人开发的缘故,不建议频繁使用,若是使用注释必定要清楚,牵连太多。
3.轮询问题
以前没有项目有须要轮询的接口,本次轮询和文件异步上传结合到一块儿,感受问题仍是有些的。我的对这一块的思考是暂时没有特别合理的界限能够终止这次轮询,因业务不方便讲,这里不做展开
4、新的东西
1.轮询
2.扫描事件
3.拖拽、鼠标各类事件交互影响
5、奇葩事件
在浏览器debug时,改变某一元素的颜色或任意绝对不会影响布局的属性时整个页面结构会凌乱,我真的方了。。。