頁面編寫心得

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

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

例子2

離誰最近，就依靠誰

一個函數(shù)最好只做一件事

echart相關

樣式

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

自適應

vue、element相關

執(zhí)行順序問題

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

此時最好使用vue.$nextTick() ，確保同一事件循環(huán)內(nèi)，數(shù)據(jù)發(fā)生變動，所有DOM都更新完成。

數(shù)據(jù)結構

數(shù)據(jù)補全

邏輯是先補全數(shù)據(jù)，再想著計數(shù)統(tǒng)計。