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

2020-6-24 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(2310)

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

2020-6-17 Jon angular

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

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

// parent.component.html

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

阅读全文>>

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

评论(0) 浏览(3366)

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

2020-6-2 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(3832)

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