摘要:表單校驗創建一個對象獲取校驗結果代理模式為一個對象提供一個代用品或占位符,以便控制對它的訪問。當變化發生時,設計可能會到意外的。 紙上得來終覺淺,學習設計模式,看了很多書,但是始終還是覺得不如直接看例子來的更加客觀具體,下面主要記錄了js中的幾個常見的設計模式舉例,供自己以后復習的時候可以直接通過例子更快更好的理解設計模式。 單例模式 保證一個類僅有一個實例,并提供一個全局訪問入口 v...
摘要:第部分畫圖一步步看清宏任務微任務的執行過程我們以開篇的經典面試題為例,分析這個例子中的宏任務和微任務。注意這里只是把推入微任務隊列,并沒有執行。執行結束,才能繼續執行后面的代碼如圖此時當前宏任務都執行完了,要處理微任務隊列里的代碼。 8張圖讓你一步步看清 async/await 和 promise 的執行順序 為什么寫這篇文章? 測試一下自己有沒有必要看 需要具備的前置基礎知識 主...
摘要:而閉包的神奇之處在于可以阻止這件事情的發生。依然持有對該作用域的引用,而這個引用就叫做閉包。當然,無論使用何種方式對函數類型的值進行傳遞,當函數在別處被調用時都可以觀察到閉包。 下面我們來看一段代碼,清晰地展示了閉包: function foo(){ var a=2; function bar(){ console.log(a); } r...
摘要:是一個程序架構,源于提出的一種架構,然而,它不僅可以應用于,還可以應用于其他任何框架中。有以下職責維持應用的提供方法獲取提供方法更新通過注冊監聽器通過返回的函數注銷監聽器。同時,的返回值實際上是一個函數可以解除監聽。 Redux是一個程序架構,源于Flux(Facebook提出的一種架構),然而,它不僅可以應用于React,還可以應用于其他任何框架中。值得一提的是,Redux的源代碼很...
摘要:說明分享一個滿天星導航欄的效果,代碼不多,但效果挺好看,先看看效果圖吧。解釋實現這個效果,需要掌握的知識不用很多,知道簡單的,會用獲取元素,能綁定事件基本就足夠了。 說明 分享一個滿天星導航欄的效果,代碼不多,但效果挺好看,先看看效果圖吧。 showImg(https://segmentfault.com/img/bV472Y?w=914&h=114); 解釋 實現這個效果,需要掌...