頁面編寫心得

先分清項目中的公有邏輯和私有邏輯，把公有邏輯抽離出來。面向對象編程，而不是面向過程編程。

例子1，一個大的課程表表格，里面嵌套了一個小的考勤按鈕，小的考勤按鈕和大的表格有交叉相同的交互邏輯，此部分邏輯就可以抽離出來，作為公共邏輯。

例子2

離誰最近，就依靠誰

一個函數最好只做一件事

echart相關

樣式

1、自定義chart圖顏色，可以設置 option 里 的 color，為數組類型。

自適應

vue、element相關

執行順序問題

可產生異步callback的有：promise（microtask queue）、setTimeout、MutationObserver、DOM事件、Ajax等;

此時最好使用vue.$nextTick() ，確保同一事件循環內，數據發生變動，所有DOM都更新完成。

數據結構

數據補全

邏輯是先補全數據，再想著計數統計。