《指尖上的交互-孙晓博.pdf》由会员分享，可在线阅读，更多相关《指尖上的交互-孙晓博.pdf（41页珍藏版）》请在三一文库上搜索。
1、指尖上的交互 孙晓博 2013年硕士毕业于浙大，校招进入百 度，在移动搜索team工作，关注web component, react, etc. 关于交互 页面反馈 页面展现 小案例 都有哪些交互？ 页面反馈 提倡用事件代理，影响点击态？ PM：我要点击态 动态添加过程 touchstart + class touchend class 不灵活，不能跨平台 点击区域大小 尺寸 vs. 误点比例 推荐7 * 7mm(40pixels) 给元素预留充足的间隙，保证可点击元素 大小至少是 44 * 44 Pixels 实现这里的清空，你会怎么做？ click touchstart touchend
2、这些都不对，好像应该用类似 Tap来处理会更好些 最短的Tap代码，能工作么？ 对于iPhone，OK 部分Android，依赖实现的功能 如果是清空按钮，功能OK 如果是展开/折叠，那就展不开了 FastClick 如何加速列表滚动？ -webkit-overflow-scrolling: touch； (ios5+) 不支持改用iscroll 换个话题，谈谈页面展现 速度快 为用户着想 如何快？让进度条先结束 Load的触发影响进度条 图片以及各种请求 Load之前屏蔽非重要图片 background-iamge: none !important; 不在Load回调里发请求，延一下 如何为用户着想呢？ 看不到输入框了 弹出恰当的键盘 Web表单有个缺陷，你知道么？ 用”Native”的方式计算 其它关于页面展现的优化 尽量节省网络请求(localStorage) 用CSS3动画，注意z-index 图片优化(iconfont, toDataUrl) 总结一下，一个好的输入框应该 应该能被看到 弹出正确的键盘类型 取消内容按钮点击区域大 可被拉伸 缓存请求过的Sug 对于删除，可以多一些逻辑 Thank you 2015.04.15