Puppeteer 页面切换

Photo by Sora Sagano on Unsplash

很多时候,我们需要利用 Puppeteer 进行页面切换。

比如点击某个按钮,打开了一个新的页面(<a target=’blank’>),

此时,我们想切换到新开的页面,那么这就涉及到了页面的切换。

当然在某些特殊场景下,我们可以通过页面修改元素属性的方式来阻止跳转。

但是在某些场景下,直接切换页面会来的更加容易。

继续阅读Puppeteer 页面切换

NodeJS 下 this 解析

Photo by sydney Rae on Unsplash

this 所指向的对象与运行时上下文进行绑定,这就会导致在不同的场景下,

函数的最终运行结果不一样。但是这种灵活的构造给了函数更多的复用机会。

this 所指向的上下文或者说是对象,是在函数调用的时候决定的。

但是也无外两个场景—— this 在函数中和 this 不在函数中。

继续阅读NodeJS 下 this 解析

Angular Flex Layout 进阶

Photo by Shaah Shahidh on Unsplash

大多数情况下,我们往往希望自己的页面是响应式的。

Angular Flex Layout 也提供了 Responsive API 帮助我们进行响应式布局。

只需在 Static API 后加上 breakpoint 后缀就可以,例如

<div fxShow fxHide.xs="false" fxHide.lg="true"> ... </div>
<div fxFlex="50%" fxFlex.gt-sm="100%"> ... </div>

和其他响应式 API 一样,这样就会引入一个所谓的 Fallback 策略的问题。

继续阅读Angular Flex Layout 进阶

手动迁移 WordPress 站点

Photo by Barth Bailey on Unsplash

最近将个人站点从腾讯云迁至阿里云,动手迁移了一下整个站点。

迁移过程比较简单,但是需要提前做好一些准备。

这里我还是使用腾讯云的域名解析,免去阿里云二次备案的麻烦。

腾讯云上原来申请的 SSL 证书也可以使用。

继续阅读手动迁移 WordPress 站点