模塊化 模塊化開發將一個程序按照其功能做拆分，分成相互獨立的模塊，以便於每個模塊只包含與其功能相關的內容。模塊我們相對熟悉,比如登錄功能可以是一個模塊,搜索功能可以是一個模塊,汽車的發送機也可是一個模塊。 組件式開發基於可重用的目的，將一個大的軟件系統按照分離關注點的形式，拆分成多個獨立 ...

組件化 注冊組件的基本步驟 創建組件構造器 （調用Vue.extend()方法） 注冊組件 （調用Vue.component()方法） 注冊組件語法糖 省去了調用Vue.extend()的步驟，而是可以直接使用一個對象來代替 ...

純原生的組件化、模塊化的一次小小的嘗試，用到了如下幾個新特性：shadown-DOM 對HTML標簽結構的一個封裝，真正意義上的組件，能保證 shadow-DOM 中的DOM元素不會被外界影響，內部也不會影響到外部的行為，變成了一個獨立的模塊。custom-elements 可以在瀏覽器中注 ...

在前端開發中為了提高網頁的開發效率，提高代碼的復用率，同時降低塊與塊之間的耦合性。 產生了組件化、模塊化讓我們解決問題的方法 組件化更多關注的是UI部分，比如頭部，內容區，彈出框甚至確認按鈕都可以成為一個組件，每個組件有獨立的HTML、css、js代碼。 我們可以把他放在頁面 ...

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

隨着前端的不斷發展，前端已經不僅僅是一個簡單依據需求完成網頁開發的過程， 如何提高網頁開發效率，提高代碼復用率，降低塊與塊之間的耦合性是我們需要思考的問題， 而前端的組件化、模塊化讓我們能解決這樣的問題。 　　組件化更多關注的UI部分，頁面的每個部件，比如頭部，內容區，彈出框甚至確認按鈕 ...

簡明扼要區分2者區別： 組件化 使用：自定義控件，Dialog，能在項目或者不同項目重復應該的代碼等。 目的：復用，解耦。 依賴：組件之間低依賴，通過底層基礎庫調度，比較獨立。 架構定位:縱向 模塊化 使用：根據業務代碼拆分的模塊。如：登錄，支付，注冊，閱讀等。 目的：隔離、封裝（高 ...

相信很多人和我一樣看過很多組件化和模塊化設計的文章，但依然沒有搞清楚這兩個的區別，在寫這篇文章之前，我一直以為組件化和模塊化是一個概念（捂臉），在閱文無數后，決定做個總結，加上案例講解，來幫助理解這兩者的概念。 組件化和模塊化源於軟件開發，現在越來越被更多地應用於UI設計當中。下面是我為了便於 ...