开发眼中的一些前端交互优化

移动web开发与PCweb开发有哪些不同？

1. 首先一点就是性能：手机端的性能，要求更高；
2. M中有很多meta标签；V中的css有很多屏幕适配；C中的交互优化与性能优化；

交互优化与性能优化的差别

系统真的快于用户感觉很快，是两码事；交互优化是更多的根据用户的实际感受来优化。

1. 交互优化 – 点击事件(如下场景：延时，卡顿；)

• 根本原因：默认点击有300ms延迟：有很多pc网页没有做移动端分辨率兼容，需要放大缩小来浏览，则简单暴力用双击300ms以内来决定放大缩小。所以单击的时候会有延迟

• 移动web优化之tap事件替代click

• 移动web优化之添加点击状态

2. 交互优化 – 滚动的交互优化(基本概念：全局滚动与局部滚动)

• 在ios系统中，全局滚动是默认支持的，局部滚动：默认没有滚动条，而且滚动起来比较干涩；

• 如何让局部滚动具有全局滚动这么流畅的效果呢？

子节点可以继承这个属性；

• 那么在Android上呢？

出界的情况
在滚动的时候，滚到边界之后ÿ