一、Puppeteer 是什么

Puppeteer，翻译成中文可以理解成傀儡的意思，他是一个Node库，主要是提供接口来控制 headless chrome ，也就是无头浏览器，无头浏览器是一种不使用chrome来运行chrome浏览器的方式，简单来讲，其实就是编写javascript 代码自动化控制 Chrome。

我们能用Puppeteer做些什么

• 1、利用网页生成PDF，图片
• 2、主要的从网站抓取内容。
• 3、自动化表单提交、UI测试、键盘输入等。
• 4、捕获站点的时间线，一遍追踪网站，帮助分析网站性能问题。

一、 DNS解析过程

DNS 全称 DomainName System 域名系统，俗称电话本。DNS解析就是通过域名最终得到对应ip地址，知道哪台服务器上有你需要的资源的过程。当然如何进行DNS 解析又是另外的话题。

1、首先搜索浏览器自身的DNS缓存，有缓存直接返回;

2、浏览器自身DNS不存在，浏览器就会调用一个类似 gethostbyname 的库函数,此函数会先去检测本地hosts文件，查看是否有对应ip。

3、如果本地hosts文件不存在映射关系，就会查询路由缓存，路由缓存不存在就去查找本地DNS服务器（一般TCP/IP参数里会设置首选DNS服务器，通常是8.8.8.8);

4、如果本地DNS服务器还没找到就会向根服务器发出请求。具体过程：

一、简单介绍

     第一篇的时候简单介绍了TS的基本和常用用法，这篇就用webpack搭建一个ts+react的简易demo，react也有官方的脚手架去使用，但是还是感觉自己搭建的脚手架更加可控。

一、简单介绍

    从第一次接触TS到现在其实已经有一年多的时间，当初在上家公司是开始技术栈使用Angular 2，大家都知道Angular2框架是使用TypeScript开发的，Angular和TypeScript一起使用非常简单方便，那时候ES6语法都还比较新，TS可以很好地去补充一些新的属性API，加上那时候后台用的ASP.NET Core，借那个机会也学习了一波，不过最后项目转型使用了vue全家桶，也就放弃了TS的使用，虽然现在vue对ts的支持也已经很好了，现在的工作技术栈集中在React上，所以可以简单的分享下一些TypeScript的用法，和利用webpack+ TypeScript + React Hooks 搭建一个简单的TodoList.这次会分两篇文章，第一篇大致介绍下ts用法，第二篇用webpack搭建一个ts+react的简易demo。

一、Linux基础相关

1、在Linux系统中安装node程序，Linux系统常用的有Ubuntu，centOS等，如果不能确定Linux具体的系统版本，可以通过命令查看.

1

$ cat /etc/redhat-release

2、常用的安装方法是使用已编译好的版本，也可以通过编译安装，好处就是可以获取最新版，但是坑比较多。