发表于: 2017-02-17 22:06:43
1 1184
今天完成的事情:【修真院十一期】 寻找师兄页面的html和部分ctrl,根据wiki调试部分接口。
PPT相关:学习javascript异步编程的相关知识。
计划明天的事情:小课堂PPT的完善。
问题和收获: 今天学习了一波javascript异步编程。
大致分为以下几类:
1.常见的回调函数(了解回调地狱这个梗),回调函数的优点是简单、容易理解和 部署,缺点是不利于代码的阅读和维护,程序的流程会很混乱,而且每个任务只能指定一个 回调函数。
2.事件监听
这个其实不太懂,先放着,明天再啃。
3.发布/订阅
第一次接触这个概念, 一峰大大是这么解释的:
我们假定,存在一个"信号中心",某个任务执行完成,就向信号中心"发布"(publish)一个信 号,其他任务可以向信号中心"订阅"(subscribe)这个信号,从而知道什么时候自己可以开始 执行。这就叫做"发布/订阅模式"(publish-subscribe pattern),又称"观察者模 式"(observer pattern)。
第一次了解这个概念,这个功能貌似是jq自己封装的,具体的理解放在明天解释。
4.Promise对象(es6)
Promise象征着一个异步操作的最终结果。在看博文的时候看到了一个熟悉的词汇 .then,在 angular中我不止一次看到了这个东东,promise是一个对象,只需要一个方法:then。then方法 带有三个参数:一个成功回调,一个失败回调,和一个前进回调(规范没有要求包括前进回调的 实现,但是很多都实现了)。一个全新的promise对象从每个then的调用中返回。
看完博文感觉不是很理解 ,打开mdn看了文档,感觉和ajax的处理方式相似,一个success的回调 函数和失败的回调函数。
promieses原型里面封装了then和
catch,返回的都是一个promises对象,并且支持链式 操作,明天重点讲这个东东。
5.es7中的api:async/await
其实一开始看这部分我的内心是拒绝的。首先 es7是个什么东西?
async 表示这是一个async函数,await只能用在这个函数里面。
await 表示在这里
等待promise返回结果,再继续执行。这两个功能已经是es7的api了,至少谷歌浏览器是支持的! 明天这个也可以拿来安利一波。
小课堂相关: 馨雨师姐讲了表单验证,插件部分直接跳过吧,直接说重点,ng-message和 ng-show。
古尘师姐安利了3期学员用Ng-message,结果让人伤心,包括我 用的都是ng-show,所以今天差点 哭出声。ng-message因为封装的是一个插件,所以使用的时候需要注意,要注入到我们的angular module中,还要注意的是,写完表单验证一定要禁止 h5表单自带的表单验证, 剩下的参数在文档 中一一细看都挺好理解的,可以尝试动手谢谢demo。
其实我自己都很期待明天ppt的内容。
评论