在性能上:
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、让图片可以放大扩展