前端设计模式之观察者模式

2020-6-24 Jon js+jquery+ajax

前端开发中,观察者模式无处不在,可以说是使用非常频繁的设计模式之一了。基础的浏览器内部实现的事件监听,dom的监听,Promise,三大框架的生命周期函数,甚至三大框架中 angular 的 NgRx、react的 Redux 以及 vue 的 Vuex 数据管理模块都是观察者模式的演变。观察者模式属于行为型模式,1对多,由主体和观察者组成,主体负责发布事件,同时观察者通过订阅这些事件来观察该主体,n个观察者对象同时监听某一个主题对象,当主题对象状态变化时,会通知所有的观察者对象

阅读全文>>

标签: 设计模式 观察者模式

评论(0) 浏览(2290)

Angular 组件通讯父子组件通讯和中间人模式(通过服务通讯)

2020-6-17 Jon angular

angular 是组件化的框架,通过一个个组件来构成整个项目,所以组件之间的通讯是必不可少的,下面就分别说下父子组件通讯和中间人模式通讯的使用。

组件通讯之父子组件之间通讯

// parent.component.html

<h1>父组件</h1> <app-child [value]="value" (valueEvent)="onValueEvent($event)"></app-child>

阅读全文>>

标签: angular 组件 组件通讯 父子组件 服务 中间人

评论(0) 浏览(3349)

js 中的同步任务、异步(微队列、宏队列)执行输出顺序

2020-6-2 Jon js+jquery+ajax

js 的执行顺序:js首先执行同步代码,然后执行微队列中的代码,最后执行宏队列中的代码。如果都是微任务或宏队列,谁先加入微队列或宏队列就先输出谁(谁在前面就先输出谁)1. js 中的宏队列 dom 事件回调 ajax 回调 定时器回调 setTimeout 2. js 中的微队列 promise 回调...

阅读全文>>

标签: js 异步 微队列 宏队列 promise 面试题 MutationObserver asap

评论(0) 浏览(3809)

皖ICP备15010162号-1 ©2015-2022 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap