前端线上调试指南

场景

前端工程师可能会遇到如下的场景:测试环境功能都 ok ,到了生产环境就出问题,改完 bug 上线后发现又引入了新的问题。只能再次重复这个过程。

所以能不能不上线,将本地代码直接作用于线上,来调试功能呢。

我们有如下工具可以选择 fiddler (windows), charles (mac), mitmproxy (可自定义脚本)

下面我们举 charles 和 mitmproxy 为例子说明

Read More

以太坊云撸猫教程

最近听说以太坊上能撸猫了,而且据说还能养猫赚钱,有些猫的价格已经高的离谱,按今天一个以太币 = 2800 ¥ 的节奏,1000 个 就是 280 w。

那么作为国内的普通用户想尝试下养一只猫该怎么办呢,因为可能大家没有任何虚拟币,而且很多国内的渠道都已经封闭,但是买猫的话只能通过以太币购买。

下面介绍一下我使用的方法

Read More

xpath 使用教程

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<div class="demo">
<span>
</span>
<ul>
<li class="item-0">
<a href="link-0">link0-item</a>
</li>
<li class="item-1">
<a href="link-1">link1-item</a>
</li>
<li class="item-2">
<a href="link-2">link2-item</a>
</li>
</ul>
</div>

这篇文章列举常用的一些 xpath 用法,以便同学们更好的理解使用 http://www.anycrawl.info/ 这个网站

  1. //div (获取所有 div 元素,不管在文档什么位置)
  2. /div (获取根路径 div 元素)
  3. //div/span (获取 div 元素下一级的 span 元素)
  4. //div//span (获取 div 元素所有后代的 span)
  5. //ul/li[1] (获取 ul 子元素下的第一个 li 元素)
  6. //ul/li[last()] (获取 ul 子元素下的最后一个 li 元素)
  7. //div[@class="demo"] (获取 class 为 demo 的 div 元素)
  8. //ul/li/a/@href (获取 ul>li>a 链接的 href 属性)
  9. //ul/li/a/text() (获取 ul>li>a 链接的内容)
  10. //*[@class="item-0"] (获取 class 为 item-0 的元素)
  11. //*[contains(@class, "de")] (获取 class 元素包含 de 的元素)

参考手册:xpath cheatsheet

动态可配置化 Python 爬虫教程

爬虫大家都很熟悉,像 scrapy 这种 Python 爬虫框架也很成熟,不过每写一个爬虫都得重新复制一份代码,这部分如果做成可配置的话,能相应减少一些工作量,对新手也会友好些,所以我花了点时间,开发了一个动态可配置的爬虫网站 http://www.anycrawl.info ,基于 scrapy ,提供一些配置项,5分钟就可生成一个通用爬虫,并可直接下载代码使用。

我举 http://www.anycrawl.info/project/15/ 豆瓣小组爬虫的例子来介绍下网站的使用方法。

Read More