页面编写心得
先分清项目中的公有逻辑和私有逻辑,把公有逻辑抽离出来。面向对象编程,而不是面向过程编程。
例子1,一个大的课程表表格,里面嵌套了一个小的考勤按钮,小的考勤按钮和大的表格有交叉相同的交互逻辑,此部分逻辑就可以抽离出来,作为公共逻辑。
例子2
离谁最近,就依靠谁
一个函数最好只做一件事
echart相关
样式
1、自定义chart图颜色,可以设置 option 里 的 color,为数组类型。
自适应
vue、element相关
执行顺序问题
可产生异步callback的有:promise(microtask queue)、setTimeout、MutationObserver、DOM事件、Ajax等;
此时最好使用vue.$nextTick() ,确保同一事件循环内,数据发生变动,所有DOM都更新完成。
数据结构
数据补全
逻辑是先补全数据,再想着计数统计。