工作專案小結

距離前一篇部落格已過去一年之久，這一年完成了人生的三件大事也不算辜負流年了。不說廢話了，趁專案還熱乎，先做一下小結。

本次專案是接手前人的舊專案，前人栽樹也挖坑:），我來乘涼也種樹o(∩_∩)o哈哈~。

一、bug修復方面的問題：

1.click與mousedown事件會同時觸發，對於同乙個元素，需要小心處理；

2.加scoped的樣式，在debug時會自帶.class[data-],因此小心處理；

本次bug出現的很有趣，前人寫成了scope少了個『d'，我當時寫的時候看到錯了就加了個』d'，結果出現了乙個不可思議的bug（忘了），幾經周折才發現是這個問題。

3.表單form元素有submit預設事件，在這個裡面操作enter，如果沒有註冊submit事件的話會預設觸發導致url變化（加了乙個問號）。如果不需要submit就需要註冊它使之return false就好；

4.computed中的值不可直接用在template中，會報錯。雖然不影響功能，但是控制台不好看，糾結星人會受不了。我的處理方式是給需要使用的值賦值，比如checkall： this.ischeckall,然後計算ischeckall的值就能避免這個問題了；

二、css一些屬性使用問題：

1.vertical-align的使用，以及line-height的結合使用，暫時沒有研究出合理的搭配方式，待更新；

三、踩坑系列：

1.本次專案中有類似檔案及資料夾形式的互動功能，互動之複雜，舉。。。我之前所有專案的複雜程度之罕見，⊙﹏⊙b汗。只說以下幾點問題：

a.移動後，shift連選檔案會掉中間的某幾個檔案不是選中狀態，debug後發現是因為重新獲取檔案順序的介面更新不及時，總是記住上一次的順序而不是當前順序，汗

b.要實現資料夾中的框選，就要避免滑鼠在資料夾中時的資料夾移動功能是否關閉；

c.對於某些功能可以思考是否可以改善。比如說可以在框選事件結束後再決定縮圖展現；

2.watch和refs的使用問題

本專案使用過多，考慮到多人開發的緣故，不建議頻繁使用，如果使用注釋一定要清楚，牽連太多。

3.輪詢問題

之前沒有專案有需要輪詢的介面，本次輪詢和檔案非同步上傳結合到一起，感覺問題還是有些的。個人對這一塊的思考是暫時沒有特別合理的界限可以終止此次輪詢，因業務不方便講，這裡不作展開

四、新的東西

1.輪詢

2.掃瞄事件

3.拖拽、滑鼠各種事件互動影響

五、奇葩事件

在瀏覽器debug時，改變某一元素的顏色或任意絕對不會影響布局的屬性時整個頁面結構會凌亂，我真的方了。。。