这里还是重点注意理解滚动这两个字。因为这是和clientX最为核心的不同。
由于我自己这个页面展示不出来，所以我截取了MDN的一个页面作为例子。
这是最开始的界面，这里可以看出来，我们的pageX和pageY是和我们的clientX和clienY一摸一样的，因为起点都是页面的左上角，页面还未发生滚动。
但是一旦我们向下滚动了一段距离，假设我们向下滚动了200px。
这时候我们的pageY的起点仍是我们之前页面的起点，而不仅仅是上面的红线距离了！也就是实际的pageY就等于红线距离+200px(因为我们没有向X轴偏移，pageX则还是原来的值)。
如果你看懂了clientY，其实你也能知道，此时pageY=clientY+200px
screenX和screenY
这两个属性在日常开发基本上不会用到，在这里简单做一下介绍。
用图来表示就是如下。
当我屏幕变大时：
- ok，相关的前置知识我们已经了解。在这里就可以拿到用户点击时的
clientX的值，作为标记。
四.设计touchend函数
先放总代码，然后我们一步一步讲解。
- 首先我们要获取到用户触摸的具体
div。因为最终也是它要滑动的。
- 然后和
touchStart事件一样，当用户触摸松手的时候，也会记录一个数组数据changedTouches。
很简单就可以明白，touchStartX-touchEndX不就可以得出用户到底滑动了多少距离吗？
- 我们这里需要一个阀值，作用就是用来看看用户此次触摸到底是否真正要向左滑动，调出删除按钮进行操作呢？说人话就是，说不定用户只是轻轻点了一下屏幕呢？
所以在这里就需要简单的判断，用户移动的距离是否大于我们规定的阀值，如果大于，那么判定用户是进行了这个操作，如果不是，则忽略此次滑动事件。
- 进行判断并且进行操作
上面只是为了实现功能而直接操作了dom，我们可以更优雅的解决这个移动问题，需要读者带入自己的思考去实现。
5.加上过度动画
成功实现喽～
思考题 ：
我的delBtnInitMoveDistance的意思是，删除按钮最开始移动的距离，你可以告诉我这样计算得出的值是什么吗？为什么可以优化代码吗？
tips：关于clientWidth和offsetWidth的讲解，我的上一篇博客有详解哦i～
