距離前一篇博客已過去一年之久,這一年完成了人生的三件大事也不算辜負流年了。不說廢話了,趁項目還熱乎,先作一下小結。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時,改變某一元素的顏色或任意絕對不會影響佈局的屬性時整個頁面結構會凌亂,我真的方了。。。