移动web前端开发注意事项

1、解决页面闪白问题，开启硬件加速，要保障动画流畅。

.css {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

2、webkit表单输入框placeholder的文字能换行么

ios可以，android不行~
在textarea标签下都可以换行~

3、模拟按钮hover效果

移动端触摸按钮的效果，可明示用户有些事情正要发生，是一个比较好体验，但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，还好国外有个激活移动端css的active效果。

1，直接在body上添加ontouchstart，同样可激活移动端css的active效果，比较推荐这种方式（兼容性ios5+、部分android 4+、winphone 8）
2，要做到全兼容的办法，可通过绑定ontouchstart和ontouchend来控制按钮的类名