有做过拖拽项目的前端小伙伴一定有遇到过这几个鼠标事件属性：clientX、clientY、pageX、pageY、screenX、screenY、offsetX、offsetY，WTF！一开始SEO禅看到这么多XY也是一头雾水头大的很，读了MDN的文档还是不是很清楚，后面看了几篇文章，又找到一些图片，终于再也不会把他们混在一起了，在这里记录分享给大家：
clientX/Y：当前鼠标点击位置相对于浏览器窗口左上角的X/Y值，不会随着文档滚动而变化
pageX/Y：当前鼠标点击位置相对于文档左上角的X/Y值，如果DOM文档，也就是页面滚动，这个值会变化
screenX/Y：当前鼠标点击位置相对于屏幕浏览器左上角的X/Y值，不会随着浏览器窗口变化或文档滚动而变化
offsetX/Y：当前鼠标点击位置相对于当前被点击DOM对象节点左上角X/Y值，这里注意是padding内边距的左上角
转自：https://www.seozen.top/javascript-clientx_y-pagex_y-screenx_y-offsetx_y.html
socks5 代理和 http 代理有什么区别
概念不同
HTTP 代理，能够代理客户机的 HTTP 访问，主要是代理浏览器访问网页，它的端口一般为 80、8080、3128 等；
SOCKS 代理，与其他类型的代理不同，它只是简单地传递数据包，而并不关心是何种应用协议，既可以是 HTTP 请求，所以 SOCKS 代理服务器比其他类型的代理服务器速度要快得多。SOCKS 代理又分为 SOCKS4 和 SOCKS5。SOCKS5 代理则既支持 TCP 协议又支持 UDP 协议（即用户数据包协议），还支持各种身份验证机制、服务器端域名解析等。
代理速度不同
http 代理工作在应用层上，只允许用户通过 HTTP 协议访问外部网站；
Socks5 代理工作在会话层，不要求应用程序遵循特定的操作系统平台，Socks5 代理只是简单地传递数据包，而不必关心是何种应用协议（比如 FTP、HTTP 和 NNTP 请求）。
由上可知，Socks5 代理比 http 代理速度要快得多。
适用范围不同
socks 包含 https，https 包含 http，socks 代理适用的范围最广；
https 协议只支持 http/https，一般的 ie 代理用的 http/https 协议。如果是应用层协议一般不用 http/https，有些应用程序只能使用 socks 代理。
貌似没有百度搜索的帖子，网上搜了些细碎百度搜索技巧，结合自己的使用经验，整理了一下，和大家讨论讨论（希望没有拉低虫子们的水平，哈哈）
1、+加号——强制包含关键词
将“+”后面的关键词强制包含到搜索结果中
2、-减号——排除关键词或者网站
在某个字词或网站网址前添加短横 (-) 可排除所有包含该字词的搜索结果。在搜索“汽车品牌美洲虎”和“动物美洲虎”这类同义词时，此功能特别实用。
提示：您也可以根据其他运算符排除搜索结果，例如排除特定网站中的所有搜索结果。例：美洲虎速度 -汽车或熊猫 -site:http://baike.baidu.com
3、""双引号和书名号——精确匹配
查询词加上双引号“”则表示查询词不能被拆分，在搜索结果中必需完整出现，可以对查询词精确匹配。如果不加双引号“”经过百度分析后可能会拆分。
查询词加上书名号《》有两层特殊功能，一是书名号会出现在搜索结果中；二是被书名号扩起来的内容，不会被拆分。 书名号在某些情况下特别有效果，比如查询词为手机，如果不加书名号在很多情况下出来的是通讯工具手机，而加上书名号后，《手机》结果就都是关于电影方面的了。
4、（|）——并行搜索
逻辑“或”的操作，使用"A|B"来搜索"或者包含关键词A，或者包含关键词B"的网页。使用同义词作关键词并在各关键词中使用“|”运算符可提高检索的全面性。如：“计算机|电脑”搜索即可。
5、site——在特定网站或域中搜索
仅搜索来自特定网站的结果。site:”后面跟的站点域名，不要带“http://”。site:和站点名之间，不要带空格。
例：奥林匹克 site:http://nytimes.com
提示：也可以在特定顶级域（如 .org 或 .edu）或国家/地区顶级域（如 .de 或 .jp）中进行搜索。例：奥林匹克 site:.gov
6、inurl——在特定url链接中搜索
在搜索中加入“inurl:”可以限定在网站url链接中搜索网站信息。由于关键词出现在url 中对排名有一定影响，使用inurl:搜索可以更准确地找到竞争对手。
例如：auto视频教程 inurl:video
搜索词“auto视频教程”是可以出现在网页的任何位置，而“video”则必须出现在网页url中。
7、intitle——在特定的网页标题中搜索
在搜索中加入“intitle：”可以限定在网页标题title中搜索网站信息。intitle:和后面的关键词之间不要有空格。
例如:出国留学 intitle:美国
搜索词“出国留学”可以出现在网页的任何位置，而“美国”必需出现在网页title中。
使用intitle 指令找到的文件是更准确的竞争页面。如果关键词只出现在页面可见文字中，而没有出现在title 中，大部分情况是并没有针对关键词进行优化，所以也不是有力的竞争对手。
8、filetype——在特定文档格式中搜索
在搜索中加入“Filetype:”可以限定在文档格式中搜索网页信息，支持文档格式有pdf，ps,dwf, kml, kmz, doc，xls，ppt，rtf,swf,all(所有上面的文档格式)。对于找文档资料相当有帮助。
例如：photoshop实用技巧 filetype:doc
下面这一条在知乎里面找到的，一段文字说了半天也不知道他这方法用来干啥的，个人感觉并没有什么用，有虫子知道第9条干啥的不？欢迎留言讨论
9．“开始连接”、“正在连接”——搜索***
网络上有很多热心人提供的下载地址。为了表明真实可靠，把下载过程也同时附上。现在比较流行的下载工具是flashget和迅雷。 Flashget下载开始就是“正在连接”，迅雷则是“开始连接”。所以，可以用想找的电影名字，加上“开始连接”或者“正在连接”，来寻找。 检索式形式如：“电影名 开始连接”、电影名 正在连接”、“电影名 (开始连接 | 正在连接)” 。如：哈利波特4 开始连接 、倩女幽魂 正在连接 、史前一万年 (正在连接 | 开始连接) 。
下面三条也是知乎找的，第10、11条完全没搞懂怎么用以及有什么便利之处，有虫子知道的话，欢迎留言讨论
10.『』——查找论坛版块
百度作为国人自己开发的搜索引擎，支持的中文标点符号最多。『』是直行双引号。 检索式形式如： 『论坛版块名称』 。如：『影视交流』。PS：这个直行双引号怎么输入呢？调出中文输入法，选择“软键盘”——“标点符号”，就能找到。
11.“文本方式”——查找论坛内容
论坛是个宝库，资源丰富，人才荟萃。交流的气息浓，在反复的讨论和回帖中，可以获得相对真实的信息。如：文本方式 可口可乐 、文本方式 超级女声。
12.intitle:bookmarks——查询别人的收藏夹
IE浏览器的收藏夹导出后，网页的标题（title）是bookmarks。百度的intitle语法可以把搜索范围限定在网页标题内。所以，用intitle语法可以查询别人的收藏夹，结果应该都是精品，没有哪个人会把垃圾放到自己收藏夹的。如：小说 intitle:bookmarks \查找小说的精彩站点 语文 intitle:bookmarks \查找语文方面的精彩站点 。