什麽是前端架構？

前端框架一般指用(yòng)于簡化網頁(yè)設計的框架，使用(yòng)廣泛的前端開發套件，比如，jquery，extjs，bootstrap等等，這些框架封裝(zhuāng)了一些功能(néng)，比如html文(wén)檔操作(zuò)，漂亮的各種控件（按鈕，表單等等），使用(yòng)前端框架可(kě)以幫助快速的網站。

框架是提供一套完整的解決方案，按照規定好的代碼結構來做編排，同時前端功能(néng)越來越強大而産(chǎn)生的前端框架，所以開發web産(chǎn)品就很(hěn)必要用(yòng)前端框架（前端架構）。

使用(yòng)前端框架的好處

使用(yòng)前段框架可(kě)以降低界面開發周期和提高界面的美觀性。有(yǒu)些框架比較輕量，比如jquery，有(yǒu)些框架比較重量，比如extjs。一般來說重量的框架會封裝(zhuāng)更多(duō)的功能(néng)，比如extjs，封裝(zhuāng)的grid控件有(yǒu)很(hěn)強的數據展示和操作(zuò)功能(néng)。

前端架構的核心

1. 代碼

歸根結底，所有(yǒu)的網站都是由一堆文(wén)本文(wén)件和資源文(wén)件組成HTML、CSS、JavaScript的。當我們面對制作(zuò)網站所産(chǎn)生的大量代碼時，就會發現為(wèi)代碼和資源設定一個期望是多(duō)麽重要。

2. 流程

怎麽用(yòng)工(gōng)具(jù)和流程構建一個高效且避免出錯的工(gōng)作(zuò)流是一個重要的思考。工(gōng)作(zuò)流變得越來越複雜，那些用(yòng)于構建它們的工(gōng)具(jù)也同樣如此。這些工(gōng)具(jù)在提高生産(chǎn)力、加快效率和保持代碼一緻性上帶來了驚人的效果，但也伴随着過度工(gōng)程化和抽象化的風險。

3. 測試

要構建一個可(kě)擴展和可(kě)持續優化的系統，必須保證新(xīn)代碼與老代碼能(néng)夠很(hěn)好地兼容，我們的代碼不會孤立存在，它們都是大型系統中(zhōng)的一部分(fēn)，創建覆蓋面廣泛的測試方案，能(néng)确保老代碼還能(néng)正常運行。

4. 文(wén)檔

設計文(wén)檔是你同他(tā)人交流的工(gōng)具(jù)，來闡述你的設計決策是什麽，來闡明你的設計決策是什麽以及為(wèi)什麽你的決策是好的。如果不是團隊中(zhōng)的重要成員要離開，幾乎都不會意識到文(wén)檔的重要性。