第二节课预习

[loskael]

设计模式

• https://addyosmani.com/resources/essentialjsdesignpatterns/book/#observerpatternjavascript
• https://www.cnblogs.com/lovesong/p/5272752.html
• 发布/订阅模式
• 观察者模式
• 完成练习 https://github.com/FE-star/exercise17

事件模型、事件处理机制

• https://developer.mozilla.org/en-US/docs/Web/API/Event
• https://www.w3.org/TR/DOM-Level-3-Events/#dom-event-architecture
• http://javascript.ruanyifeng.com/dom/event.html
• 思考：自定义事件的应用场景？

事件代理和委托

• https://zhuanlan.zhihu.com/p/26536815
• 思考：事件代理和委托的优缺点？

AJAX & fetch

• https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX
• https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
• https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API
• 思考：有 xhr 为什么还要 fetch？

异步流程控制

callback

• 了解一下 node 的 error first
• https://nodejs.org/dist/latest-v9.x/docs/api/util.html#util_util_callbackify_original

Generator + function*

• https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Generator
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function%2A

Promise + async/await

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function
• https://nodejs.org/dist/latest-v9.x/docs/api/util.html#util_util_promisify_original

RxJS

• http://reactivex.io/rxjs/
• 构建流式应用—RxJS详解 joeyguo/blog#11