頁(yè)面編寫心得

先分清項(xiàng)目中的公有邏輯和私有邏輯，把公有邏輯抽離出來。面向?qū)ο缶幊?，而不是面向過程編程。

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

例子2

離誰最近，就依靠誰

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

echart相關(guān)

樣式

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

自適應(yīng)

vue、element相關(guān)

執(zhí)行順序問題

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

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

數(shù)據(jù)結(jié)構(gòu)

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

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