為了賬號安全,請及時綁定郵箱和手機立即綁定
編程百科手冊

掃一掃 手機閱讀

課程目錄已更新29節
全部 試讀

課程亮點

  • 收獲超過 20 種常見 JS 設計模式的提煉及實現過程;
  • 理清不同 JS 設計模式之間的區別、聯系和適用場景;
  • 深入理解 JS 設計模式的核心思想和基本理念;
  • 掌握在具體場景下抽象 JS 設計模式的能力;
  • 在提煉和復盤中吸收經驗,開拓視野,提升眼界。

課程介紹

隨著前端技術的發展越來越快,前端科技樹越點越深,TC39 委員會在不斷審議各種提案,ECMAScript 標準每年推出新的語言規范,瀏覽器的版本在不斷迭代推進新的技術方案,新的業務落地場景在不斷興起,前端開發者們隨著技術的不斷更迭,必須不斷學習新技術、新工具、新框架。
圖片描述

框架常變,但不變的是框架的設計。 掌握框架設計模式,正是以不變應萬變的根基,也是在前端飛速發展多變里的一點永恒。用的編程語言雖然不一樣,但設計方法是類似的;用的框架雖然不一樣,但設計模式是類似的。學習設計模式可以了解多變框架背后不變的部分,掌握框架的本質與設計思想,讓軟件設計能力得到快速提升,從而能夠指導編寫一段健壯的代碼、一個復雜的需求、一個可維護性高的系統、一個優秀的軟件架構,在學習工作中事半功倍。

掌握 JavaScript 設計模式是邁向高級前端開發者的必備技能,也是軟件設計的基礎。若想有長遠的發展進階,須夯實這座地基。JavaScript 從一開始簡單的表單驗證作用,發展到如今的大前端應用,復雜的業務場景對前端開發者提出了更高的設計要求,已不僅僅是簡單的功能實現需求。JS 設計模式在面試中出現的頻率也越來越高,特別是需要三年及三年以上工作經驗的前端崗位,會對軟件設計能力進行著重考察。如果你希望成為項目的技術負責人,那么具備軟件的設計與分層能力,則是能夠成為一名項目負責人的基礎。

講師 SHERlocked93,資深前端工程師,開源社區活躍貢獻者,技術公眾號《前端下午茶》運營者,擅長 Vue 技術棧。現任大型國企前端團隊負責人,主要負責前端技術預研、工程框架搭建、基礎設施建設等工作。

根據專欄課程風格,每篇 JS 設計模式的文章結構大致如下:

1. 引入:從一個生活的具體場景引入該設計模式以加深理解;
2. 實現:基于具體場景講解代碼實現、優化方向和優化過程;
3. 分析:分析模式的結構圖、關鍵點、優缺點與適用場景;
4. 總結:總結與其它模式之間的關聯與區別。

希望本期專欄可以幫助大家更好地學習 JavaScript 設計模式,同時更歡迎大家踴躍留言,共同討論。

專欄模塊

本專欄由淺入深,講解由 JavaScript 的基礎開始,到傳統設計模式在 JavaScript 中的實現。除傳統設計模式外,也會為大家講解其它常用的前端設計模式。主要分為四個模塊:

基礎篇

this、閉包與高階函數、面向對象風格相關的繼承等 JavaScript 設計模式前置知識的學習,為后續學習做良好鋪墊。

創建型模式

學習如何創建對象,主要為將對象的創建和使用分離,通過抽象對象的實例化過程來幫助創建對象實例。內容包括單例模式、工廠模式、抽象工廠模式、建造者模式。

結構型模式

學習將對象按布局組成更大的結構。內容包括代理模式、享元模式、適配器模式、裝飾者模式、外觀模式、組合模式、橋接模式。

行為型模式

學習對象之間的通信,以及描述對象之間如何相互協作與分配職責。內容包括發布 - 訂閱模式、策略模式、狀態模式、模板方法模式、迭代器模式、命令模式、職責鏈模式、中介者模式。

其它模式

一些其它常用的前端設計模式,比如 MVC、MVP、MVVM、模塊模式、鏈模式、中間件等。

課程目錄已更新29節
精選留言
  • 陳大魚頭

    寫得真好,學到了不少

    講師回答 / SHERlocked93

    魚頭魚頭我愛你 ???????

  • 東風破

    寫的真好,得多看幾遍,實操幾次

  • qq_臨界_0

    等出紙質書

    講師回答 / SHERlocked93

    還遙遙無期呢哈哈~ 可能出不了

更多精選留言

適合人群
  • 1-3 年初中級前端開發工程師
  • 對深入學習 JavaScript 感興趣的前后端開發者
  • 有一定的 JavaScript 實戰經驗的開發者
購買須知
  1. 本專欄為圖文形式內容服務,共計 29 小節,上線時間為 2019 年 6 月 25 日,預計 2019 年 8 月更新完成;
  2. 本專欄更新時間為每周一,三,五更新 1 篇,形式為圖文;
  3. 訂閱成功后,用戶即可通過慕課網 PC 端、App 端、WAP 端享有永久閱讀的權限;
  4. 慕課專欄為虛擬內容服務,訂閱成功后概不退款;
  5. 在專欄閱讀過程中,如有任何問題,請郵件聯系 [email protected]
  6. 慕課專欄版權歸本平臺所有,任何機構、媒體、網站或個人未經本網協議授權不得轉載、鏈接、轉貼或以其他方式復制發布 / 發表,違者將依法追究責任。
造燭求明,讀書求理
掃碼關注慕課網服務號
干貨分享
定期活動
課程優惠
專欄福利
官方優惠福利活動一手掌握,關注慕課網(ID:imooc-com),和30萬+程序員一起成長!

本專欄知識點梳理

1.專欄閱讀需要具備一定的JavaScript的this和閉包使用、面向對象基本知識,可參考:

2.在此專欄基礎上,如果您想進階Vue和React源碼解析或框架設計知識點的學習,可參考:

下載慕課網APP

更好的體驗,讓閱讀隨處可得

掃描二維碼,下載慕課網APP
意見反饋 幫助中心 APP下載
官方微信
全年六肖无错期期