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