在性能上:

1、可以考虑300ms的点击延迟问题

解决:通过指针事件的polyfill 或者FastClick库

2、和移动端滚动性能问题

解决:防抖与节流,使用rAF(requestAnimationFrame)触发滚动事件,避免在scroll 事件中修改样式属性 / 将样式操作从 scroll 事件中剥离,滑动过程中尝试使用 pointer-events: none 禁止鼠标事件

3、 还有过多数据如何设计不卡顿问题

解决这个问题要了解 浏览器渲染过程解析,CSS 的阻塞,JS 的阻塞,了解回流和重绘,了解 Event Loop Javascript的运行机制

当涉及到过万调数据进行渲染,而且要求不卡住画面,如何解决(经典代码案例)

在用研上建议:

1、让行为召唤按钮在移动端上友好易用

2、使用高素质的素材

3、让菜单简短且易用

4、凸显搜索框

5、让网站浏览无需缩放

6、精确掌握按钮尺寸

7、让用户在一个浏览器窗口中完成操作

8、让用户在决定之前先行探索

9、告知用户选择更合理的屏幕方向

10、方便设备之间的切换

11、让图片可以放大扩展