關于模塊化、組件化的理解

Alex 發布于2019-08-29 13:05 / 3080人閱讀

摘要：以上是小可對模塊化的一些理解，有錯誤請江湖上各位好友指正，嘻嘻多多交流，一起成長進步

模塊化、組件化是一種開發思想，是一種開發思路上的解決方案，我們大多數人要是沒有深入理解這個概念的話，會有一種模糊摸不著模塊化、組件化意思的感覺，會有一種想用模塊化、組件化來實現項目卻不知道怎么下手。其實，只要記住，模塊化只是一種思想，不是一種具體的解決方案。

在項目中，我們可能用到類似bootstrap里的組件（button）一樣,我們把這些組件理解為組件化開發的實現，意識上，我們大多數人會刻意去區分組件化、模塊化，其實這只是我們中文上去區分，英文上都是model,都只是一種解決思路，不同的是，需求不同，實現出來的代碼效果也是不同。舉個例子，bootstrap里的button組件，它是有一個獨立的可執行的單員，就直接引用，在頁面上你就會看到一個button的按鈕出現，這也就是所說的顆?；鴅ootstrap里的柵格系統，你不可能單單引用柵格系統的樣式類，頁面中就會呈現出具體的效果出來，還需依賴一個具體的html標簽或者其他的組件，而button組件是不需要依賴其他的組件或者什么的，人們就會慣性的理解成button是一個組件，柵格系統是一個模塊，因為button是獨立的。其實，他們都一樣，只是需求不同，都是用模塊化的思路解決方案。button的需求是開發一個ui組件，柵格系統是開發一個排版布局的布局解決方案。

事實上，模塊化（組件化、模塊化總稱為模塊化吧，不區分了）在我們實際項目開發上回很常用到，容易理解的是開發一個下拉框通用組件這種封裝好的組件，難以理解的就是定義一個margin外邊距的一系列的屬性樣式集合，比如margin：10，margin：20，margin：30等，這也是一個模塊，定義的一個實現不同外邊距的需求的模塊實現。

當然，模塊化說了是一種思路，不僅僅是體現在具體的代碼邏輯上，還體現在文件管理上，頁面布局等等，比如，webpack模塊化管理工具上實現的多個入口的配置，按照頁面或者頁面中的不同模塊區域對js/css圖片等進行壓縮整合按照不同頁面呈現、不同模塊區域呈現導入不同的文件，這也是模塊化的思維。
以上是小可對模塊化的一些理解，有錯誤請江湖上各位好友指正，嘻嘻~多多交流，一起成長進步~

云服務器 GPU云服務器云計算的理解 cdn的理解對大數據的理解 ajax的理解

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112356.html

關于模塊化、組件化的理解

摘要：以上是小可對模塊化的一些理解，有錯誤請江湖上各位好友指正，嘻嘻多多交流，一起成長進步模塊化、組件化是一種開發思想，是一種開發思路上的解決方案，我們大多數人要是沒有深入理解這個概念的話，會有一種模糊摸不著模塊化、組件化意思的感覺，會有一種想用模塊化、組件化來實現項目卻不知道怎么下手。其實，只要記住，模塊化只是一種思想，不是一種具體的解決方案。在項目中，我們可能用到類似bootstr...

SegmentFault 2019-08-01 17:19 評論0 收藏0
關于模塊化、組件化的理解

摘要：以上是小可對模塊化的一些理解，有錯誤請江湖上各位好友指正，嘻嘻多多交流，一起成長進步模塊化、組件化是一種開發思想，是一種開發思路上的解決方案，我們大多數人要是沒有深入理解這個概念的話，會有一種模糊摸不著模塊化、組件化意思的感覺，會有一種想用模塊化、組件化來實現項目卻不知道怎么下手。其實，只要記住，模塊化只是一種思想，不是一種具體的解決方案。在項目中，我們可能用到類似bootstr...

546669204 2019-08-20 18:29 評論0 收藏0
前端面試知識點目錄整理

摘要：寫在前面金三銀四又到了一年一度的跳槽季相信大家都在準備自己面試筆記我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結方便自己復習詳細內容會在之后一一對應地補充上去有些在我的個人主頁筆記中也有相關記錄這里暫且放一個我的面試知識點目錄大家寫在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準備自己面試筆記, 我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結,方便自...

xzavier 2019-08-23 16:14 評論0 收藏0
前端面試知識點目錄整理

摘要：寫在前面金三銀四又到了一年一度的跳槽季相信大家都在準備自己面試筆記我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結方便自己復習詳細內容會在之后一一對應地補充上去有些在我的個人主頁筆記中也有相關記錄這里暫且放一個我的面試知識點目錄大家寫在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準備自己面試筆記, 我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結,方便自...

enda 2019-08-02 16:08 評論0 收藏0
前端知識歸納

摘要：繼承性子標簽會繼承父標簽樣式優先級行內樣式選擇器類選擇器標簽選擇器通配符繼承機制創建了的元素中，在垂直方向上的會發生重疊。技能考察：一、關于Html 1、html語義化標簽的理解; 結構化的理解; 能否寫出簡潔的html結構; SEO優化 a、理解：根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和...

sixleaves 2019-08-02 16:13 評論0 收藏0