相比于前端開(kāi)發(fā)人員的數(shù)量，目前前端框架、類庫(kù)和工具的數(shù)量似乎更多一些。下面由學(xué)習(xí)啦小編為大家整理的前端開(kāi)發(fā)，希望大家喜歡!

　　前端開(kāi)發(fā)

　　類庫(kù)、框架和工具的區(qū)別

　　類庫(kù)、框架和工具之間的區(qū)別很小。框架可以包括一個(gè)類庫(kù)，類庫(kù)可以實(shí)現(xiàn)類似框架的方法，項(xiàng)目中任何一種工具都是必不可少的。所以不需要明確的區(qū)分類庫(kù)、框架和工具。

　　前端類庫(kù)開(kāi)發(fā)

　　類庫(kù)是一個(gè)有組織的功能集合。典型的類庫(kù)包括字符串處理、日期、HTML DOM元素、事件、Cookie、動(dòng)畫、網(wǎng)絡(luò)請(qǐng)求等功能。你可以自己實(shí)現(xiàn)一個(gè)函數(shù)，以便選擇該函數(shù)被調(diào)用時(shí)是否需要返回一個(gè)值。

　　類庫(kù)通常提供一種高級(jí)別的抽象方法，能夠幫助順利實(shí)現(xiàn)項(xiàng)目的細(xì)節(jié)部分。例如，Ajax通常依賴于XMLHttpRequest API，只需要幾行代碼就實(shí)現(xiàn)功能，只是瀏覽器之間存在細(xì)微的差異。類庫(kù)提供了更簡(jiǎn)單的ajax()函數(shù)，因此開(kāi)發(fā)者可以專注于更高級(jí)別的業(yè)務(wù)邏輯上。

　　類庫(kù)能夠使將開(kāi)發(fā)時(shí)間縮短20%，開(kāi)發(fā)者不必?fù)?dān)心細(xì)節(jié)實(shí)現(xiàn)。

　　但是也有缺點(diǎn)：

　　類庫(kù)中的錯(cuò)誤難以定位和修復(fù)

　　開(kāi)發(fā)團(tuán)隊(duì)不能保證快速發(fā)布補(bǔ)丁

　　補(bǔ)丁程序可能會(huì)更改API，導(dǎo)致大量代碼必須更改

　　前端框架開(kāi)發(fā)

　　框架是應(yīng)用程序的骨架。它要求以特定的方式來(lái)進(jìn)行軟件設(shè)計(jì)，在某些節(jié)點(diǎn)上實(shí)現(xiàn)自己的邏輯。框架通常提供了事件、存儲(chǔ)和數(shù)據(jù)綁定等功能。

　　框架通常提供了比類庫(kù)更高層次的抽象，幫助快速構(gòu)建項(xiàng)目的前80%。

　　框架的缺點(diǎn)：

　　如果你的應(yīng)用程序超出了框架的范圍，最后20%可能會(huì)很難

　　框架更新很困難

　　核心框架代碼和概念很少更新

　　前端工具開(kāi)發(fā)

　　工具會(huì)幫助開(kāi)發(fā)工作，但卻不是項(xiàng)目的組成部分。工具包括構(gòu)建系統(tǒng)、編譯器、轉(zhuǎn)譯器、代碼分割器、圖像壓縮器、部署機(jī)制等。

　　工具幫助實(shí)現(xiàn)一個(gè)更容易的開(kāi)發(fā)過(guò)程。例如，對(duì)比于CSS，許多編碼者更喜歡Sass，因?yàn)樗峁┝舜a分離、嵌套、渲染時(shí)變量、循環(huán)和函數(shù)。瀏覽器不了解Sass / SCSS語(yǔ)法，因此在測(cè)試和部署之前，必須使用適當(dāng)?shù)墓ぞ邔⒋a編譯為CSS。