js框架就是將常用的方法進行封裝，方便調取使用。一個框架是一個可複用的設計構件，它規定了應用的體系結構，闡明瞭整個設計、協作構件之間的依賴關係、責任分配和控制流程，表現為一組抽象類以及其例項之間協作的方法，它為構件複用提供了上下文(Context)關係。因此構件庫的大規模重用也需要框架。js框架就是對js各種功能的封裝和抽象，使得在使用的時候具有簡便性和更好的相容性，並且可以擴充套件框架中的內容，比如說jquery，這個就是框架

在框架中我們需要引用的各個類就是js庫，為了實現某一個特效或者功能而引入的。

js外掛是那些被前任寫好可以極大提高自己程式碼質量以及頁面展現效果的js檔案。他們被寫出來就是為了給大家方便使用的，假如你覺得自己寫的程式碼足夠好也可以自己封裝一個js外掛

比如jquery中的

新增一個全域性函式，我們只需如下定義:

jQuery.foo = function() { alert"This is a test. This is only a test."); };

呼叫的時候可以這樣寫: jQuery.foo(); 或 $.foo();

你的關注是我最大的動力。

框架就像是個主機板啊外掛就是插在主機板上的CPU 記憶體條 顯示卡 網絡卡...

外掛單獨存在幹不了什麼 只有插到框架上才能發揮作用

框架與庫沒本質區別。框架也算是庫的一種，但傾向於重量級一些，傾向於提供整套的解決方案，傾向於創造一些需要來遵守的規則和範例。比如AngularJS就算是一個框架，因為它提供了一整套的解決方案，需要按照它設計好的方式來寫程式碼。而jQuery的分類則比較模糊一些，可以說是庫，也可以說是框架。

javascript框架相當於超大號的外掛，相對於普通的外掛更顯複雜，但是javascript框架帶來的是更多的封裝好的方法，或是介面呈現，實現的功能更為豐富，如jquery。而普通js外掛則比較輕量，並實現單一功能。

在JavaScript的世界裡，框架、庫、外掛很多時候是一種角色分類。先簡單扯扯這幾個分類，再深入看幾個流行的例子。

框架（Framework）

框架提供一個現成的應用骨架，在此基礎上的開發過程是豐富血肉的過程。前端JS框架往往已內建事件響應、客戶端資料儲存、資料繫結等功能。開發者可以快速著手實現業務邏輯，新增使用者互動、產品功能、資料和內容等。

庫（Library）

庫是經過整理的函式集合。前端JS開發中用到的庫常包含一些用於處理DOM元素、互動事件、cookie、動畫、網路請求、字串、日期等等的函式。開發者可以使用庫組裝自己的框架，或是分別完善產品的單元元件再拼裝起來。

外掛（Plugin）

外掛一些時候和庫同義，另一些時候直接提供部分的產品功能。比如在做靜態部落格時透過Disqus外掛直接實現留言板。如果用過Wordpress，一定也在外掛商店裡搜尋過各類外掛。jQuery本身作為一個庫也可以透過外掛來擴充套件。很多即插即用的UI效果模版也可以看成是一個外掛。

jQuery庫

jQuery提供方法使用CSS選擇器樣式字串來獲取DOM元素，並且跨瀏覽器相容。還包括事件處理器、動畫、Ajax、鏈式操作等。在2006年釋出時是前端開發革命性的里程碑。在開發時仍需要自己去實現應用結構（如MVC，MVVM等）。

Angular框架

Angular是谷歌開源的完整的MVC應用框架，使用HTML語言為模版，內建雙向資料繫結用於同步模型與檢視資料，加上依賴注入、控制器等等功能。使用Angular可以快速實現業務邏輯，結合MEAN棧在JS全棧開發中大放光彩。注意Angular1同2～5的差異還是很大的，2～5版使用TypeScript並加入模組化元件。

React庫

Facebook於2013年出品的React庫是第一個引入虛擬DOM的。React僅僅負責MVC中V（檢視）的部分。開發中使用虛擬DOM和看起來很像HTML的JSX語法建立檢視元件，透過props屬性在虛擬的DOM元件間傳遞資料，建立state狀態變數自動更新檢視。非常適用於複雜的使用者互動介面。由於React在檢視上做到了一個極致，在其周圍衍生出一個完整的生態環境，如Redux，Relay等庫。

Vue框架

Vue結合了React和Angular的優點，使用虛擬DOM和狀態抽象檢視，並可以繫結資料。結合路由、狀態管理等庫可以高效完成完整的Web應用前端。Vue的學習曲線比Angular平滑，效能也有優勢，這兩年來發展很快。

Bootstrap的jQuery外掛

在jQuery中呼叫Bootstrap提供的JS外掛可以方便地實現已經寫好的UI功能，如圖片滾動等。

在JS的世界裡，我們可以大致按如上分類來看框架、庫、外掛。但是如果你開啟Bootstrap的中文主頁，赫然的幾個大字：“Bootstrap是最受歡迎的HTML、CSS和JS框架” 。。。Bootstrap僅僅負責UI樣式和效果，為啥這裡叫框架而不叫庫呢？其實，人家想叫啥就叫啥。大多情況下框架的意思是說：“老鐵，我給你的這把屠龍刀可以切菜、剁肉、削鉛筆，不過要殺龍你還得自己去改改”。