在某些场景下，我们想让 puppeteer 使用当前在用浏览器（非测试浏览器）的
用户设置，比如插件、书签甚至 cookie 等信息。要做到这点非常容易，我们只
要让 Chrome 读取当前在用浏览器的用户数据目录即可。
继续阅读Puppeteer 设置用户数据目录Puppeteer 设置用户数据目录
月份：2019年7月
JavaScript 中 this
Photo by David Marcu on Unsplash
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 文件下载