前端里的庫和框架

庫和框架是什么呢？

雖然有時(shí)候在一些語境中他們是可以互相替代的，但是我們還是要了解下他們的真正含義。

庫：它是一系列對(duì)象，方法的代碼，我們通過引入庫，來實(shí)現(xiàn)代碼的重用，代碼的精簡。

框架：它是一個(gè)系統(tǒng)中可以重用的一部分，它可能不僅僅包括一種代碼和資源，它可能包括了子程序，庫，膠水語言，圖片等等一系列資源。

所以，相對(duì)來說，框架的內(nèi)容更加豐富，在某些情景中，它可能包括了多個(gè)庫，多種腳本語言，多個(gè)子程序，圖片等等。

舉個(gè)栗子~現(xiàn)在應(yīng)用十份廣泛的JQuery就是一個(gè)庫。JQuery里面都是Javascript代碼，當(dāng)我們使用它的時(shí)候就引入了它里面的對(duì)象和方法，這一部分代碼我們可以直接用來操作DOM，并且可以一直復(fù)用不需要重寫。

而我們熟知的Bootstrap就是來自Twitter的一款十分受歡迎的框架，它里面不僅僅是Javascript代碼，還有HTML、CSS等，而且Bootstrap的Javascript部分是基于JQuery來寫的，也就是說它還包含了JQuery庫，所以說它是一款框架。

因?yàn)榍岸耸袌?chǎng)的龐大，框架和庫的的數(shù)量也是很龐大的，我們很容易陷入迷茫，應(yīng)該用哪種框架或者庫呢？有人會(huì)這樣想，越是全越是好，希望它能夠盡可能解決大部分的Web開發(fā)的問題。

但是我們可能需要了解下框架或者庫的作者的初衷和你現(xiàn)在所面對(duì)的項(xiàng)目的問題，JQuery的目的是為了讓我們更好更方便快捷的去操作DOM，Angular則是通過數(shù)據(jù)綁定，讓開發(fā)者直接修改數(shù)據(jù)模型，從而不需要關(guān)心DOM的更新......

可能現(xiàn)在你面對(duì)只是一些小的問題，因此你引入了整個(gè)BootStrap，不說合不合理，就說因此你就為你的程序增加大量的根本不需要的資源，如果你發(fā)現(xiàn)你只是需要處理一些滑動(dòng)的內(nèi)容，可能引入swiper會(huì)更加簡潔輕松。

所以說我們?cè)谑褂每蚣芎蛶斓臅r(shí)候，最好去了解下框架作者設(shè)計(jì)框架的初衷是不是和你現(xiàn)在所面對(duì)的問題一致，并不是越龐大越豐富越好，合適的才是最好的，也就是對(duì)癥下藥才是最好的。