在某些场景下，我们想让 puppeteer 使用当前在用浏览器（非测试浏览器）的
用户设置，比如插件、书签甚至 cookie 等信息。要做到这点非常容易，我们只
要让 Chrome 读取当前在用浏览器的用户数据目录即可。
继续阅读puppeteer 设置用户数据目录puppeteer 设置用户数据目录
月份：2019年7月
JavaScript 中的 This
this 所指向的对象与运行时上下文进行绑定，这就会导致在不同的场景下，函
数的最终运行结果不一样。但是这种灵活的构造给了函数更多的复用机会。
this 所指向的上下文或者说是对象，是在函数调用的时候决定的。但是也无外
两个场景—— this 在函数中和 this 不在函数中。
继续阅读JavaScript 中的 ThisAngular Flex Layout 入门
Angular Flex Layout 是官方仓库中一个用于快速实现 Flex 布局的模块。使用
Angular Flex Layout 可以减少 Flex 布局相关的 CSS 代码。当然，使用的时候
你最好补充一点关于 Flex 布局的基本知识。
继续阅读Angular Flex Layout 入门Angular Flex Layout 进阶
大多数情况下，我们往往希望自己的页面是响应式的。除了使用 BootStrap 等
CSS 框架，我们还有没有其他选择呢？答案当然是肯定的。作为支持指令的前
端框架，Flex Layout 也提供了 Responsive API 帮助我们进行响应式布局。
在实际使用中，我们只需在 Static API 后加上断点（breakpoint ）后缀就可以
轻松实现一个响应式页面。
何为断点
在 Flex Layout 中，一个断点可以理解为由一个行为+指定页面尺寸=值组成。
如 fxShow.lg = ‘true’ 就表明，当页面尺寸为 lg 时，该元素执行 fxShow 这个
动作，也就是让该元素隐藏。
下面这个例子中，当页面尺寸为大于 sm 时，这个 div 在主轴方向就会扩展到
容器的100%，否则就占50%。
puppeteer 文件下载
很多场景下，我们需要通过 Puppeteer 来点击事件来触发下载。
但是 Puppeteer 暂时没有提供此场景下的完整 API 。
因此即使用某些方法来 ISSUE#299 达到触发执行的目的，也会觉得很别扭。
继续阅读puppeteer 文件下载