1組件化開發

組件分開發是非常重要的工程優手段。也是react開發必備技能。前端光有JS/CSS的模塊化還是不夠的。對于UI組件同樣迫切的需求

前端組件化開發理念：

?

?

如上圖所示這就是前端組件開發理念，下面我們來總結一下

1、頁面上的每個獨立的可視?？山换^域視為作一個組件;

2、每個組件對應一個工程目錄，組件所需的各種資源(JS、Image、CSS)都在這個目錄下就近維護;

3、由于組件具有獨立性，因此組件與組件之間可以，自由組合;

4、頁面只不過是組件的容器，負責組合組件形成功能完整的界面;

5、當不需要某個組件或者想要替換組件時，可以整個目錄刪除/替換

?

注：每二項中就近維護原則是工程化的體現。每個開發者都清楚知道，自己所開發維護的功能模塊。因為代碼必須存在于對應的組件目錄，當前目錄包函 CSS、JS、HTML、Image

?

根據上述描述我們將構造一個項目的基本流程

項目初期前端靜態頁面只包函CSS、HTML

?

目錄名稱：frontEnd

less文件結構對應生成css文件

?

轉載于:https://www.cnblogs.com/pink-chen/p/11064733.html

總結

以上是生活随笔為你收集整理的前端开发流程与组件化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。