echart卡顿之奇葩经历

项目上线两个月了，这段时候客户反馈 说查询木一个月业绩图标的时候直接卡死了，起初我以为是echarts 页面加载数据过多直接的原因，但是看了一下不应该，然后就一直在优化echart 。优化了1个小时 还是没见
然后一看一直在预警

[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>

一万多条
然后查找了一下 结论

解决方案：
原因：项目没有添加事件管理者’passive’，而在谷歌浏览器里面 Chrome51 版本以后，Chrome 增加了新的事件捕获机制Passive Event Listeners ，当前仅支持mousewheel/touch相关事件，目前Chrome主要利用该特性来优化页面的滑动性能。所以这里的解决方案是：安装default-passive-events插件。

安装插件
npm install default-passive-events -S

在main.js引入
import 'default-passive-events'

好了不卡了 页面能够正常滑动了