clientWidth和offsetWidth区别 e.pageX和e.clientX区别

clientWidth和offsetWidth都是元素属性，可以获取元素的宽度，前者不包括border，后者包括border

e.pageX和e.clientX，前者是到documen边界的距离，后者是到视口的距离。也就是说在页面没有滚动条的情况下，二者相同，有滚动条时候，pagex值要大

getBoundingClientRect(),元素方法，返回一个对象，该对象可以获取到视口的距离。