clientWidth和offsetWidth都是元素属性，可以获取元素的宽度，前者不包括border，后者包括border
e.pageX和e.clientX，前者是到documen边界的距离，后者是到视口的距离。也就是说在页面没有滚动条的情况下，二者相同，有滚动条时候，pagex值要大
getBoundingClientRect(),元素方法，返回一个对象，该对象可以获取到视口的距离。
能用top left 调整位置的，最好用transform：`translate（${x}px, ${y}px)`