前言
记录软件开发点滴，积累知识和经验（第四篇）
复现问题
要做什么？
目标：解决在使用element-ui时出现警告[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive。
怎样去做？
使用npm管理器下载default-passive-events依赖包
npm i default-passive-events -S
1
入口文件main.js引入
import 'default-passive-events'
1
结果怎么样？
页面自动刷新，警告消失
给class属性名为className的元素添加闪烁动画效果
做查询接口，用到pageHelper，数据库只有8行数据，pageNum=1&pageSize=10，pageNum=2&pageSize=10，pageNum=3&pageSize=10。。。返回的数据都是那8条。
html5并没有提供停止功能，我们需要通过其他方式来实现这个问题，下面我们来看下神仙般的操作。
简单请求 与 预检请求，Fetch 与 CORS 的一个有趣的特性是，可以基于 HTTP cookies 和 HTTP 认证信息发送身份凭证。一般而言，对于跨域 XMLHttpRequest 或 Fetch 请求，浏览器不会发送身份凭证信息。如果要发送凭证信息，需要设置 XMLHttpRequest 的某个特殊标志位。
阮一峰大哥的文章写的不错，推荐，也推荐他的整个王章，大家可以去看一下啊。
因为跨域请求，浏览器可能（后面讲）会发送一次options请求，如果处理不好，跨域还是会gg的。 之前很少涉及跨域，涉及也是简单请求（下面阮老师文章中区别热简单请求和复杂请求），所以基本不会很少关注options。后面就遇到坑了，下面讲讲注意点。
Could not write JSON: No serializer found for class java.lang.Object
spring老项目转springboot项目，但是尽量不转还是不转啊，如果工程量大的话，费事费力，还不一定有成效
用计算鼠标是否在图形内来判断
nuxt.js框架中 audio标签的坑