项目中遇到一些坑（长期记录）

[Cyrilszq]

• animation动画在某些手机浏览器没有效果

在支持animation属性情况下没有效果尝试更改animation属性参数位置。发现还有一个原因，如果是用vue写的那么不能把@keyframes写在<style scoped>中，去掉scoped或者添加一个全局的animation.css

• h5页面键盘弹出时，页面抖动

可能页面高度不足，键盘弹出时把页面向上挤，解决方法是设置页面高度。

• 如何在不影响其他元素布局的情况下扩大可点击的区域

使用伪元素
content: '';
position: absolute;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;

• 正则问题

对于全局匹配的正则表达式对于`test`和`exec`方法要注意存在lastIndex
例如 let re = /^./g
re.test('.a') //true
re.test('.a') //false
多次执行结果不同其实是因为lastIndex存在