前端项目经验总结

页面编写心得

先分清项目中的公有逻辑和私有逻辑，把公有逻辑抽离出来。面向对象编程，而不是面向过程编程。

例子1，一个大的课程表表格，里面嵌套了一个小的考勤按钮，小的考勤按钮和大的表格有交叉相同的交互逻辑，此部分逻辑就可以抽离出来，作为公共逻辑。

例子2

离谁最近，就依靠谁

一个函数最好只做一件事

echart相关

样式

1、自定义chart图颜色，可以设置 option 里 的 color，为数组类型。

自适应

vue、element相关

执行顺序问题

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

此时最好使用vue.$nextTick() ，确保同一事件循环内，数据发生变动，所有DOM都更新完成。

数据结构

数据补全

逻辑是先补全数据，再想着计数统计。