Chrome

获取dom到body左侧和顶部的距离-getBoundingClientRect 平时在写js的时候，偶尔会需要用js来获取当前div到 body 左侧、顶部的距离。网上查一查，有很多都是通过offsetTop、offsetLeft来计算出来的。我按照网上的查到的资料用了一次，算出来了一堆错误答案。 下面我要分享的这个方法，兼容性很好（ie4都ok），而且很方便，不会算错。 这个方法就是 getBoundingClientRect。 1.getBoundingClientRect方法简介 getBoundingClientRect 返回的是一个 DOMRect 对象，是一组矩形集合，我们这次所使用的返回值主要是left、top、bottom和right。其余的返回值width、height、x、y这次用不到,就不再讨论。 使用方法如下： let domToTop = dom.getBoundingClientRect().top // dom 的顶边到视口顶部的距离 let domToLeft = dom.getBoundingClientRect().left // dom 的左边到视口左边的距离 let domToBottom = dom.getBoundingClientRect().bottom // dom 的底边到视口顶部的距离 let domToRight = dom

Python网络爬虫与信息提取 目标：掌握定向网络数据爬取和网页解析的基本能力。 the website is the API 课程分为以下部分： 1、requsets库（自动爬取HTML页面、自动网络请求提交） 2、robots.txt规则（网络爬虫排除标准）（合理合法的使用爬虫） 3、beautiful soup库（解析HTML页面）（提取相关项目） 4、projects项目（实战项目A/B） 5、re正则表达式库（正则表达式详解、提取页面关键信息） 6、专业网络爬虫框架scrapy*（网络爬虫原理介绍、专业爬虫框架介绍） IDE：集成开发环境，编写、调试、发布Python程序的工具。 常用的Python IDE工具有2大类： 一、文本工具类IDE 二、集成工具类IDE IDLE：自带、默认、常用、入门级。包含交互式和文件式两种方式。 使用：Python入门、功能简单直接、300+代码以内 sublime text：专为程序员开发的第三方专用编程工具、专业编程体验（专业程序员都用这个）、多种编程风格、工具非注册免费试用。 Wing：公司维护，工具收费；调试功能丰富；版本控制，版本同步；适合多人共同开发 Visual Studio & PTVS：微软公司维护；win环境为主；调试功能丰富。 PyCharm：社区版免费；简单，集成度高；适合较复杂工程。 专门针对科学计算

css控制元素不可见的方法 { display: none; /* 不占据空间，无法点击 */ } /********************************************************************************/ { visibility: hidden; /* 占据空间，无法点击 */ } /********************************************************************************/ { position: absolute; top: -999em; /* 不占据空间，无法点击 */ } /********************************************************************************/ { position: relative; top: -999em; /* 占据空间，无法点击 */ } /********************************************************************************/ { position: absolute; visibility: hidden; /* 不占据空间，无法点击 */ } /*********

做开发的想必Chrome不装几十个插件感觉都不能提现自己的高大上，但是仔细一想真正关键重要的呢？ 在做前后端联调数据的时候，常常打开chrome插件Network面板，但是由于插件过多导致Network面板会产生一些插件加载的数据，影响整个排错。 所以我一般会用一键切换关闭所有插件，最终只剩下2个必备的插件。 这两个必备插件就是我今天推荐的，老少皆宜。 广告屏蔽插件 Adblock AdBlock我相信绝大多数的人都装过了，可以说是最好的广告拦截工具，拥有超过1亿用户，下载量超过3.5 亿次！ 自动过滤各种广告，弹窗，还可以配置白名单，可以说是非常好用贴心的，从我接触Chrome插件，我就使用上了。一直这么久我卸载过非常多插件，唯独这个不离不弃，相伴这么久。 如果你没用过就真的out了。 密码管理工具1Password 1Password这个神器工具，其实我很早就说过了，密码管理这个是怎么强调不为过，这个插件唯一缺点就是需要同步安装1Password这个付费APP，阻止了很多人。 但是真的别去节约这个钱，该付费就付费， 1Password密码管理可以说是最强的工具，没有之一，很多同学说我用lastpass，这个简直差远了，不是一个级别的，无论是安全性便利性都不是能比较的。 作为一个长期在互联网上混的人来说，简直是必备神器，我现在密码库里面有近700个密码

一 Node.js的概念 1 JavaScript引擎 浏览器的内核包括两部分核心： DOM渲染引擎 JavaScript解析引擎:Chrome浏览器内置V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 2 什么是Node.js 脱离浏览器环境也可以运行JavaScript，只要有JavaScript引擎就可以。 Node.js是一个基于Chrome V8引擎的JavaScript运行环境：即Node.js内置了Chrome的V8 引擎，可以在Node.js环境中直接运行JavaScript程序。 在Node.js中写JavaScript和在Chrome浏览器中写JavaScript基本没有什么不一样。哪里不一样呢？ Node.js没有浏览器API，即document，window的等。 加了许多Node.js 专属API，例如文件系统，进程，http功能。 3 Node.js有什么用 如果你想开发类似JavaWeb的简单的后端程序，那么学习Node.js是一个非常好的选择。 如果你想部署一些高性能的服务，那么学习Node.js也是一个非常好的选择。通常他会被用来作一个BFF层，即 Backend For Frontend（服务于前端的后端），通俗的说是一个专门用于为前端业务提供数据的后端程序 二 BFF 1 BFF 解决什么问题 一个前端页面向 Service

1-先了解Fiddler工作原理： 正常情况下，fiddler是可以抓chrome的请求的。 fiddler会自动给浏览器设置一个代理127.0.0.1端口8888，并且记忆浏览器的代理设置，所有的请求先走fiddler代理，再走浏览器代理。 查看Fiddler设置代码的图，参见最下 备注图 。 2-谷歌浏览器代理服务器唯一规则： 由于Chrome限制，同一时间只能有一个扩展控制代理设置，一般来说Chrome会优先后安装的扩展。 3-原因分析： 通过1,2可以知道：fiddler也是一个代理而已，只不过把请求数据全部发到了自己的服务器里，然后再发到浏览器进行抓包。 但是这个代理，很容易被其他代理，尤其是常用的翻墙代理给屏蔽掉或占用。这里指：Proxy SwitchyOmega 代理。 由于Chrome限制，同一时间只能有一个扩展控制代理设置，一般来说Chrome会优先后安装的扩展。 冲突中若SwitchyOmega获得了优先权，则可以切换到“系统代理”模式，从而把优先权归还给其他扩展，从而解决问题。如果此扩展的配置被其他代理相关、或者去广告相关的扩展覆盖，则问题无法解决，只能通过重装SwitchyOmega来提高优先权。 总结-解决方案： 关闭SwitchyOmega代理，或者使用其代理中的系统代理选项。即可解决问题。 备注图： 控制面板\所有控制面板项\网络和共享中心 ->

每一篇文章都是一个知识点，一个小小的代码实践，总有一篇是你想要的！ 小实战 全网首发！华为任正非，近20年400多段高清音频演讲 故宫下雪了！我花了45秒，用Python给它画了一组手绘图 2.14情人节，程序员该如何绝地反击？ 啥是佩奇？爷爷，这就是佩奇呀！ 这个Python开源项目，能让你的二维码动起来 视频剪辑什么鬼？Python 带你高效创作短视频 数据分析 数据可视化，还在使用Matplotlib？Plotly，是时候表演真正的技术了（附代码） 5700亿，16227注！15年来，双色球一等奖中奖占比率几乎不变（附完整Python代码） Python画词云图，其实很简单！跟小孩子画画一样 Python 告诉你绝不知道的1983-2018 春晚 我们分析了50万条拼多多商品数据，告诉你到底是消费升级还是降级？ 《邪不压正》评分持续走低，上万条网友评论揭秘，是救救姜文还是救救观众？ 爬虫 Python爬虫，我们该好好聊聊了 让弹幕飞一会儿——腾讯视频弹幕(39W+)爬取实战 跟大家聊聊，怎么用Python爬取APP上的数据？ 我用Python爬取了14年所有的福彩3D信息，彩民们，只能帮你们到这了 Python爬虫| 实战爬取腾讯视频评论 为了探究妹子对内衣的偏好，我爬了淘宝内衣店的数据！ 基础概念 我用Python，3分钟快速实现，9种经典排序算法的可视化 浅入深出

> 油猴插件是一款可以在chrome浏览器中使用油猴脚本的插件。理解为脚本运行的平台 脚本 是一段代码，安装之后，有些脚本能为网站添加新的功能，有些能使网站的界面更加易用，有些则能隐藏网站上烦人的部分内容。 在 Greasy Fork 上的用户脚本都是由用户编写并向全世界发表的，可以免费安装，轻松体验。 插件安装地址 ： chrome 商店地址 脚本下载地址 ： greasyfork 脚本列表 了解它的强大 话不多说，一张图吓死你 没错，这仅仅是它热门的部分脚本，下一页还有更多 甚至你可以自己编写脚本 举个栗子 破解VIP会员视频集合 这个脚本我经常用，因为笔者喜欢看《海贼王》，但是 vip 续费很伤，所以每逢周日海贼王更新了，刚好又没充 vip，这个时候它就帮到了我。 点击左边的小绿角 ，就会进入一个神奇的网站完成视频的观看了 百度网盘直接下载助手 这个脚本的功能很浅显了，它就是下载用的 网页限制解除 解除禁止复制、剪切、选择文本、右键菜单的限制 贴吧全能助手 更多的功能由读者自行探索了，油猴很强大，很吓人 设置，备份 通过 右键 > 选项 可以进入设置页，对 油猴插件 更个性化的设置 还可以云端备份哦 更多 更多优秀工具，请 关注微信公众号 获取 来源： oschina 链接： https://my.oschina.net/u/2716410/blog/3114250

我们现在每个人都离不开互联网，所以在很多网站上都有很多帐户和密码。如果每个账号都实用同一个密码，是非常不安全的，但如果使用不同的密码，又会记不住，所以今天给大家介绍3款强大的开源密码管理器，希望对你们有帮助。 1、1Password 这是很多人都爱用的密码管理器，被推荐过很多次了！1Password能帮助管理和保存我们所有的密码，加密后保存在本地，不同设备间可通过 Dropbox、iCloud 同步数据，在电脑浏览器或手机浏览器上安装插件后可以一键自动填写用户名密码，实现一键登录，非常方便，它支持Windows、 Mac、iOS、Android几乎所有的操作系统。 2、bitwarden bitwarden是开源、免费的，不仅支持全平台同步，还支持二步验证和浏览器自动填写，通过插件和客户端，能方便地一键填入密码。它除了有网页版、iOS、Android 移动版客户端外，还有Chrome、FireFox、Opera、Edge 浏览器插件，基本能在所有电脑手机上同步和使用你的个人密码数据。 3、KeeWeb KeeWeb是开源、跨平台的密码管理工具，具有云同步，键盘快捷键和插件等功能。KeePass 有一个官方客户端，功能简单易用，并且与 KeePass 存储加密密码的文件格式兼容。它可以在 Windows、Linux 和 Mac OS 上运行。 你收藏了吗？如果还有什么想要了解的

由于公司网络管管控严格，服务器上访问外网需要进行身份认证（按理说递交个申请给开放相关域名外网访问就好，无奈不给通过，又想马儿跑又不给马吃草），正好前一阵撸课程的时候看到selenium可以实现自动化，顺便撸一波做个记录。 1、安装 selenium pip install selenium 等待出现Successfully installed selenium python3.7安装的时候默认安装了pip省心了不少，服务器端用的2.7还要自己撸 下载setuptools 和 pip http://pypi.python.org/pypi/setuptools https://pypi.python.org/pypi/pip https://pypi.python.org/pypi/selenium 解压后进入目录，运行 python setup.py install 2、下载 chromedriver + chrome 下载地址： 谷歌官方： https://chromedriver.storage.googleapis.com 淘宝镜像： https://npm.taobao.org/mirrors/chromedriver/ chrome需要与对应版本号的chromedriver 相匹配的，版本号不匹配会报错 对应版本号查询 https://npm.taobao.org