頁面編寫心得
先分清項目中的公有邏輯和私有邏輯,把公有邏輯抽離出來炊昆。面向對象編程桨吊,而不是面向過程編程。
例子1凤巨,一個大的課程表表格视乐,里面嵌套了一個小的考勤按鈕,小的考勤按鈕和大的表格有交叉相同的交互邏輯敢茁,此部分邏輯就可以抽離出來佑淀,作為公共邏輯。
例子2
離誰最近彰檬,就依靠誰
一個函數(shù)最好只做一件事
echart相關
樣式
1伸刃、自定義chart圖顏色,可以設置 option 里 的 color僧叉,為數(shù)組類型奕枝。
自適應
vue、element相關
執(zhí)行順序問題
可產生異步callback的有:promise(microtask queue)瓶堕、setTimeout、MutationObserver症歇、DOM事件郎笆、Ajax等;
此時最好使用vue.$nextTick() 谭梗,確保同一事件循環(huán)內,數(shù)據(jù)發(fā)生變動宛蚓,所有DOM都更新完成激捏。
數(shù)據(jù)結構
數(shù)據(jù)補全
邏輯是先補全數(shù)據(jù),再想著計數(shù)統(tǒng)計凄吏。