停更了近 3 年，终于又有空写个小文章，关于 Playwright，一个 Microsoft 开源的跨浏览器自动化工具，类似 Puppeteer 的 Chromium + Firefox + WebKit 版。

Step by step guide to use Playwright.

Read More

Workbox · JavaScript Libraries for adding offline support to web apps.

一个为网页应用添加离线支持的 JavaScript 库。

本文内容基于 Workbox@3.0.0

Read More

Preact 中的 h 方法，相当于 React 中的 createElement，在 JSX 中用于生产 VNode 的方法。

Read More

这里是 GitHub 英文原文 / Medium 英文原文

Puppeteer 是 Google Chrome 团队官方的无头（Headless）Chrome 工具。正因为这个官方声明，许多业内自动化测试库都已经停止维护，包括 PhantomJS。Selenium IDE for Firefox 项目也因为缺乏维护者而终止。

译者注：关于 PhantomJS 和 Selenium IDE for Firefox 停止维护并没有找到相关的公告，但这两个项目的确已经都超过 2 年没有发布新版本了。但另一个今年 5 月才开启的项目 Chromeless 目前在 Github 上已经超过 1w star，目前还非常活跃。

Chrome 作为浏览器市场的领头羊，Chrome Headless 必将成为 web 应用 自动化测试 的行业标杆。所以我整合了这份如何利用 Chrome Headless 做 网页爬虫 的入门指南。

Read More

npm 自身提供了一些 script，并且有一些特定的规则，最近用到了几个，在这里记录一下，下文提到的代码仓库在 这里 可以看到。

Read More

致读者

weex 有风险，入门需谨慎。

Read More

TL;DR;

Clone this repo and start！

克隆这个 项目 然后启动即可！

1
2
3
4
5

git clone git@github.com:csbun/preact-storybook-example.git
cd preact-storybook-example

npm i
npm run storybook

Read More

好长时间没写 Java，发现序列化、反序列化一个 JSON 数据真不是个容易的事情（主要还是年纪大了，记不住）。于是记录一下使用 Gson 反序列化的方法。文中涉及的代码都可以在这个 gson-deserialization-example 中找到。

作者本身不懂 Java，本着不负责的态度写下这些内容，大牛勿喷，想抄代码的菜鸟请珍重。
本文基于转换期间没有异常情况讨论，实际情况请珍重。

初始化

我们先创建一个简单的 TestMain.java 文件，用来运行我们后续的测试方法。

1
2
3
4
5

public class TestMain {
  public static void main(String args[]){
    // 运行测试方法
  }
}

Read More

仔細想想，從旅行的定義來講，去得最多的地方，居然是香港🇭🇰，這個起初我很不喜歡的地方。說到香港，很多人的第壹印象大多會是這樣：

Read More

使用 Docker 会遗留一大堆不知道什么鬼的镜像，下面我们想办法干掉他们。

TL;DR

1
2

docker ps -a | grep 'Exited' | awk '{print $1}' | xargs docker stop | xargs docker rm
docker images | grep '<none>' | awk '{print $3}' | xargs docker rmi

Read More