1、應(yīng)用場景 在編寫新聞模塊時，我們通常會創(chuàng)建圖片+文字的一條新聞，或者是icon圖標+文字的新聞，也有可能是單純的文字新聞，或者單純的圖片就是...
投稿
收錄了18篇文章 · 3人關(guān)注
-
JavaScript進階：設(shè)計模式——組合模式
-
JavaScript進階：設(shè)計者模式——裝飾者模式
1、前言 裝飾者模式：在不改原有對象的基礎(chǔ)上，對其包裝進行拓展(添加屬性或方法)，使原有對象可以滿足用戶的需求。 2、示例 應(yīng)用場景：在之前的用...
-
JavaScript進階：設(shè)計模式——外觀模式（瀏覽器的兼容性處理方案）
1、前言 外觀模式簡化了底層代碼對需求的不統(tǒng)一的問題，也可以解決瀏覽器的兼容性問題，如針對瀏覽器的點擊事件，IE瀏覽器普遍使用的addEvent...
-
JavaScript進階：單例模式
1、前言 單例模式又稱單體模式，只允許實例化一次的對象類，有時可以使用一個對象來規(guī)劃一個命名空間。 命名空間：即namespace，在定義變量或...
-
JavaScript進階：原型模式
1、前言 原型模式是指的將原型對象指向創(chuàng)建對象的類，使得不同的類共享原型對象的方法和屬性。js中基于原型鏈的繼承的原理本質(zhì)上就是對繼承過來的類的...
-
JavaScript進階：建造者模式1、前言 建造者模式是將復(fù)雜的對象的構(gòu)建層與表示層區(qū)分開來，使用不同的方式去呈現(xiàn)。 2、示例 工廠模式與建造者模式都是為了創(chuàng)建對象或者類而存在的...
-
JavaScript進階：安全工廠模式類以及工廠方法1、安全模式類 安全模式類可以避免開發(fā)者對類的錯誤使用造成一些報錯問題，比如在創(chuàng)建的一個類名為Test時，有些人知道這個是一個類，因此會在前面加...
-
JavaScript進階：簡單工廠模式
1、前言 工廠模式顧名思義是開發(fā)者不需要去關(guān)注一些基類的實現(xiàn)方式，只需要知道工廠類就行。然后開發(fā)者這個工廠類去自行的開發(fā)自己需要的對象。這種叫做...
-
JavaScript進階：多繼承原理
1、單繼承-屬性復(fù)制 單繼承是通過對源對象的屬性key的遍歷，將源對象對應(yīng)key和value值添加到目標對象中去。 extend實現(xiàn)的一個淺復(fù)制...
-
JavaScript進階：原型式繼承和寄生式繼承
1、原型式繼承 原型式繼承是對類式繼承的一部分封裝調(diào)整，類式繼承在父類的外部，單獨創(chuàng)建了一個子類，然后再通過將父類對象給到子類的原型上去實現(xiàn)的，...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1976745/sjms.png', '推薦專題《javascript設(shè)計模式筆記》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/a6b71a5f0578?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認gb2312'));){kind=link}