因为要写拖拽、拉伸，所以去查了有关这方面的博客，然后发现每一篇博客说的都不一样。。。，我的这篇博客是按照我自己的理解来解释的，有错误的话，欢迎指正【我也不能肯定100%正确】
一：图形解释
文章图片
二：书面解释【根据英文单词意思，也可以猜个八九不离十】
screen：屏幕
1.作用对象：鼠标点
2.坐标中心点：电脑屏幕左上角
【JS clientX、offsetX、pageX、screenX】3.screenX：鼠标点距离电脑屏幕左边的距离；screenY：鼠标点距离电脑屏幕上面的距离
client：客户端管理器、客户机、客户端
1.作用对象：鼠标点
2.坐标中心点：浏览器窗口左上角
3.clientX：鼠标点距离浏览器窗口左边的距离；clientY：鼠标点距离浏览器窗口上面的距离
offset：偏离
1.作用对象：鼠标点所在的元素
2.坐标中心点：只能说是左上角，因为不同的浏览器，有的坐标中心点是浏览器窗口，有的就是浏览器边框里面的左上角，这个根据不同的浏览器中心坐标点不同
3.offsetX：鼠标所在元素距离左边的距离；offsetY：鼠标所在元素距离上面的距离
page：页面
1.作用对象：鼠标点
2.坐标中心点：文档页面的左上角，分情况
（1）浏览器没有滚动条的时候，page的值就和client的值是一致的，此时page的坐标中心点的位置和client的坐标中心点位置宠重合都是浏览器窗口的左上角
文章图片
（2）当浏览器有滚动条的时候，client的中心坐标点还是浏览器窗口的位置，但是page的中心坐标点就不是了，page的坐标点是滚动条最上面的文档的左上角的位置【不好叙述，汗颜】
3.pageX：鼠标距离文档左边的距离；pageY：鼠标距离文档上面的距离
推荐阅读
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- JS/JavaScript|JS/JavaScript CRC8多项式 16进制
- JS|VUE学习笔记[30-46]
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- 地图|高德地图清除指定覆盖物 自定义覆盖物样式（完整dome）
- Pyecharts|Pyecharts 猎聘招聘数据可视化
- flex|C语言-使用goto语句从循环中跳出
- HTML+Js实战项目|在网页中实现icon小图标的几种方法
- js中国标准时间转化为年月日，时间戳