触摸事件处理

优化前：卡得不行 最近接手了一个移动端项目，里面用到了 Better Scroll 实现列表滚动。一开始觉得这玩意儿挺简单，结果上线后用户反馈说“页面卡得像PPT”。我试了一下，确实优化前的滚动体验差...

说说手势冲突这事 最近在做一个移动端H5页面，碰到了经典的手势冲突问题。滑动列表的时候偶尔会触发底部轮播图的左右滑动，用户体验简直灾难。这个问题其实挺常见的，今天就来对比一下几种常用的解决思路。 我比...

又踩坑了，多点触控手势识别乱成一锅粥 上周在搞一个画板功能，用户要在手机上用两个手指缩放、旋转画布。听起来挺简单的对吧？结果 touchstart、touchmove、touchend 一套下来，手指...

优化前：卡得不行 那个横竖屏切换体验啊，真是让我头疼不已。之前的做法就是在CSS里写了@media查询，以为万事大吉，结果一到用户手里，各种卡顿、页面错位，简直让人抓狂。优化前，页面加载时间平均要5秒...

又踩坑了，touchmove滚动失效 今天在做一个移动端的项目时，遇到一个特别头疼的问题：touchmove事件突然不灵了。我之前用的好好的，也不知道怎么就出问题了。 一开始我以为是代码出了什么错，检...

又踩坑了，touchmove滚动失效 在最近的一个移动端项目中，我遇到了一个棘手的问题：touchmove事件处理。这玩意儿看起来简单，但实际用起来却有很多坑。今天我就来对比一下几种常见的touchm...

先看效果，再看代码 我上周上线一个活动页，iOS上点按钮总要等300ms才响应——用户点完第一下没反应，下意识又点一次，结果触发了两次提交。后台直接报警，运营妹子在群里艾特我：“你那个抽奖按钮是不是卡...

先看效果，再看代码 最近在搞一个移动端项目，涉及到很多原生交互的实现。今天就来聊聊我在处理touch事件时的一些经验和踩坑点。首先，我们来看一个简单的例子：实现一个简单的拖拽效果。 <div i...

为什么我要对比这几个方案 在移动开发中，手势识别是一个非常重要的功能。我最近在做一个项目，需要处理各种触摸事件，比如滑动、捏合和旋转等。市面上有不少库可以选择，但我主要关注的是Hammer.js和其他...

优化前：卡得不行 最近在做一个移动端的项目，页面上有一个需要大量滚动和拖动的列表。一开始没怎么注意性能问题，结果上线后用户反馈说页面卡得不行，特别是在低端手机上，滑动列表时简直像是在玩幻灯片。这让我非...