Puppeteer 页面切换

Photo by Cristina Gottardi on Unsplash

很多时候,我们需要利用 Puppeteer 进行页面切换。比如点击某个按钮,打开

了一个新的页面(<a target=’blank’>),此时我们想切换到新开的页面,那

么就涉及到了页面的切换。虽然在某些场景下,我们可以通过页面修改元素属

性的方式来阻止跳转避免页面切换。但是在某些场景下,直接切换页面会来的

更加容易。

继续阅读Puppeteer 页面切换

Angular 组件交互(二)@Input

前端组件化带来的需求就是前端框架必须能够实现父子组件之间的通讯。这种

数据从父组件流向子组件的过程也被称为属性绑定(property binding)。属

性绑定反映了 Angular 将组件中的变量与 DOM 元素一一对应的关系。通过属

性绑定可以将变量的变化实时传入其他组件中,由 Angular 变化检测和视图更

新机制将充当视图层与控制层的中间人,负责消息的传递和界面的更新。从而

实现视图层与控制层的解耦,减少代码维护,需求变更带来的开发成本。

既然属性绑定好处多多,现在就让我们来了解一下 Angular 属性绑定的关键成

员——@Input 修饰符。

继续阅读Angular 组件交互(二)@Input