animation属性类似于transition，他们都是随着时间改变元素的属性值，
其主要区别在于：transition需要触发一个事件才会随着时间改变其CSS属性；animation在不需要触发任何事件的情况下，也可以显式的随时间变化来改变元素CSS属性，达到一种动画的效果
1）动画不需要事件触发，过渡需要。
2）过渡只有一组（两个：开始-结束） 关键帧，动画可以设置多个。
transition过渡和animation动画的区别
-
html5的spellcheck属性来进行拼写文法检查
spellcheck输入完某个单词后,进行按空格键，就可以看到这是不是错误的单词了。
-
DIV用伪元素实现CSS的placeholder效果
但我们可以使用Css before选择器来实现完全相同的效果
-
js处理1千万条数据排序并且页面不卡顿
我测试的100万一下，都是秒级的。 3000万也就卡那一下。
-
express:PayloadTooLargeError: request entity too large
app.use(express.json({limit: '50mb'})); app.use(express.urlencoded({limit: '50mb'}));
-
contenteditable获得焦点后的边框设置
[contenteditable]:focus{outline: none;}
-
MySQL快速生成1亿测试数据（100万、1000万、1亿）
MySQL快速生成1亿测试数据（100万、1000万、1亿）
-
box-shadow四个边框设置阴影样式
其实对于box-shadow，老白我也是一知半解，之前用的时候直接复制已有的，也没有仔细思考过box-shadow的数值分别对应什么，最后导致阴影的边如何自由控制，苦于懒人一个一直没有正式去学习，今天无意中看到以下这篇文章，瞬间清醒有木有，看完整片文章，对于box-shadow阴影四个边的设置完全了如指掌了，再也不怕修改box-shadow了！
-
CSS3 box-shadow 效果大全（内阴影，外阴影，三边阴影，双边阴影，单边阴影，细线描边…）
CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果，该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活，对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性各种阴影效果。
-
nuxt.js keep-alive和嵌套路由不变化
因为你错误的使用了 <nuxt>标签。 你应该使用 <nuxt-child keep-alive > </nuxt-child> 因为上层已经使用过了 <nuxt></nuxt>标签。
-
box-sizing失效应该怎么处理
解决方法：对目标元素设置固定高度（或宽度）