8.2 程式語言的框架

在經過對各種程式語言的基礎認知後，不能不知道輔助程式在開發上更順暢更便利的大功臣：框架。本章節將介紹何謂框架，並以基礎網頁開發為出發點，簡單介紹幾個簡單好用的前端框架，以及串聯起網頁框架的共通功能及重要性。

框架是什麼？

開發框架(framework)是用來更有效率地完成開發任務，具備緊密的結構的程式集合體，功用為簡化特定輸入的程式語言語法。框架以應用(application)為目的，結合了多數常用的元件所形成的初始主體架構。框架在建築好大致的骨架後，一旦有應用需求就只需在框架之上進行符合自己需求的設定和修正即可。現階段框架為程式技術圈公認具前沿性的技術，並且因應IT轉型的需求，成為近年來技術的潮流新秀。

生活化案例來比喻框架的話，框架就像是基礎設施一般的存在，如同要蓋一棟房子，若是自己手工製作鋼樑、混凝土，可能耗時耗力又不堅固，而直接向鋼鐵廠購買，不僅速度快也比自已土法煉鋼還要來得堅固扎實，遇到問題還能夠直接請鋼鐵場負責 。因此，使用框架進行開發使用別人事先寫好的「函式庫（Library）」或「類別庫（Class Library）」，站在巨人的肩膀上提升開發工作的便利性。常見的軟體框架有 .NET Framework、PHP 的 Laravel 、JavaScript 中的 vue/ React /Angular 等等。 框架的出現產生了最主要提供了以下的便利性：

• 讓開發者省去初始編寫架構的時間和精力，得以專注於核心開發上。

• 透過自動化系統矯正錯誤，不再需要為繁雜的語法費心力。

針對初學者起步較易的前端網頁開發，來介紹幾個常見的JavaScript框架以及各自的特色和優點吧

JavaScript 開發框架

JavaScript是一個功能強大的程式語言，且廣為使用於網頁前端的開發。而使用JavaScript開發最大的困難點在於須各個瀏覽器的相容性。透過JavaScript框架除了上述所有框架類型都能提供的便利性之外，更能輕鬆地解決跨瀏覽器的相容問題。此外，JavaScript框架能讓開發者更容易地編寫、操作DOM(Document Object Model文件物件模型，讓程式存取並改變文件架構、風格和內容)。同時，也具備了近來流行的一項支援AJAX(Asynchronous JavaScript and XML)的特性。結合了AJAX後，可以與伺服器非更新，無須重新載入頁面，得以使網頁運作更快速。 市面上可使用的框架因應每種程式語言及開發用途可以說是琳瑯滿目。而框架亦如同程式語言一樣，會經過使用者體驗進行修正、改良甚至汰換。目前發展成形的JavaScript框架，大多皆已發展地相當完整且成熟。以下為各位介紹幾個普遍使用的JavaScript框架，在學習前端之餘，也來挑挑自己的網頁框架吧！

Vue.js

• 學習容易，可快速上手

• 加入Laravel中，可支援些許項目

• 可快速啟動便利性高的命令列介面(CLI)工具

React.js

• 使用者滿意度最高的Javascript框架

• 充分學習React.js後，可轉移至React Native開發客戶端

• 可支援JSX的新語法

框架無限可瞻性的未來

懂得程式語言固然重要，但在未來的科技趨勢裡，框架扮演著規範和定義的角色。不僅自動化將取代許多程序，參與在框架設定的律法當中，能夠更理解程式的遊戲規則。人腦總是有限，無法同時處理過多的資訊量。而框架的出現就是因應了這大因素，設定基本結構並解決了繁瑣細微的錯誤，讓使用者的腦力空出以投入更核心更重要的開發工作。

小結

框架如此方便的幫手不論是資深工程師，或是剛開始接觸程式的你我都非常受用。初學之際就將程式語言結合框架編寫也能更容易上手，學習更輕鬆唷！