在触屏设备的浏览器上，手指触摸屏幕，会生成一个事件，通过这个事件里面的一些属性或者子属性，可以用来获取相关信息。
event.touches => 是触摸点的列表，例如三指截图，我怎么知道是三个手指呢？
event.touches[0] =>是第一个触摸点里面的元素
⚠️ touchend的触摸点在changedTouches里面
Touch对象属性：
clientY：相对于浏览器的窗口
pageY：相对于dom页面来说, pageY和clientY的区别在于当页面超出一个屏幕的时候，pageY更大，因为pageY是相对于dom来说的。
screenY: 相对于屏幕来说的，以左上角为原点进行计算。
…X同理
通过这几个属性，判断左滑，上滑，右滑，下滑
左右滑动应用于跑马灯的切换上面。
上下滑动应用于刷新和加载更多。
touch事件
touchstart, 我们一般可以在这个事件发生的时候，记录发生点 event.touches
touchmove 手指在屏幕上移动的时候触发的事件
touchend， 离开屏幕的时候触发的事件， 离开时候的触摸点 event.changedTouches
基于上面的三个事件，如何实现一个下拉刷新效果呢？