前端越來越復(fù)雜——文搞懂Web前端主流框架到底有哪些！
2023-03-15 加入收藏
最近在某乎上看到這樣一個(gè)問題——前端為什么會(huì)越來越復(fù)雜。
在評(píng)論中，小編看到一個(gè)回答，大意是這樣的：
相對(duì)于后端來說，前端的發(fā)展路徑更容易分叉，總要有一種新的方法去解決一個(gè)新的問題。隨著用戶審美的提高，對(duì)產(chǎn)品的需求擴(kuò)大等因素，讓前端的選擇繁多，分支也增多，這樣很難在技術(shù)上得到積累，導(dǎo)致前端逐漸出現(xiàn)復(fù)雜的現(xiàn)象。
其實(shí)復(fù)雜的前端技術(shù)不是難以學(xué)習(xí)和運(yùn)行的意思，而是涉及的知識(shí)點(diǎn)更加豐富，運(yùn)用到的前端技術(shù)越來越多。隨著前端技術(shù)越來越多，給前端工作者的技術(shù)選擇越多，就會(huì)讓人感覺前端越來越復(fù)雜，這是從無到有的復(fù)雜。但是當(dāng)這些知識(shí)點(diǎn)被集合成一個(gè)框架的時(shí)候，前端就變成非常容易的事。
框架可以幫助省略掉一些基本的相同底層代碼的反復(fù)書寫，只需調(diào)用框架的方法就可以實(shí)現(xiàn)你想要的功能。學(xué)習(xí)框架的目的就是提高項(xiàng)目的編寫效率，使你可以有更多的時(shí)間去編寫屬于自己獨(dú)特的東西，而不需要將大量的時(shí)間花費(fèi)在底層代碼的書寫上。
今天就帶大家熟悉前端中的7種框架。在了解框架之前，一起來看看前端中的這三個(gè)部分：HTML，CSS，JavaScript。
HTML（超文本標(biāo)記語言——HyperText Markup Language）是構(gòu)成Web世界的基石。HTML是一種基礎(chǔ)技術(shù)，常與CSS、JavaScript一起被眾多網(wǎng)站用于設(shè)計(jì)令人賞心悅目的網(wǎng)頁、網(wǎng)頁應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶界面。
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。
一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。
Web前端發(fā)展至今，演變出了無數(shù)的庫和框架；說到庫第一時(shí)間想到的是不是jquery？今天我們就來說說前端發(fā)展到現(xiàn)在都有哪些好用的庫框架：
近幾年最火的前端框架當(dāng)屬Vue.js了，Vue.js是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的Web界面的漸進(jìn)式框架。Vue.js的目標(biāo)是通過盡可能簡單的API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。
很多使用過vue的程序員這樣評(píng)價(jià)它，“vue.js兼具angular.js和react.js的優(yōu)點(diǎn)，并剔除了它們的缺點(diǎn)”。授予了這么高的評(píng)價(jià)的vue.js，也是開源世界華人的驕傲，因?yàn)樗淖髡呤俏恢袊?-尤雨溪。
Bootstrap是讓你的頁面更簡潔、直觀、強(qiáng)悍、移動(dòng)設(shè)備優(yōu)先的前端開發(fā)框架,讓W(xué)eb開發(fā)更迅速、更簡單。
它還提供了更優(yōu)雅的HTML和CSS規(guī)范，它是由動(dòng)態(tài)CSS語言Less寫成。有著豐富的網(wǎng)格布局系統(tǒng)以及豐富的可重用組件，還有強(qiáng)大的支持的JavaScript、jQuery插件以及組件定制等。
Layui是一款口碑極佳的Web彈層組件，是一款采用自身模塊規(guī)范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。
Layui首個(gè)版本發(fā)布于2016年秋，它區(qū)別于那些基于MVVM底層的UI框架，從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)。
Element-Ul是餓了么前端團(tuán)隊(duì)推出的一款基于Vue.js 2.0 的桌面端UI框架，手機(jī)端有對(duì)應(yīng)框架是Mint UI 。適合于Vue的UI框架。
Mint UI是由餓了么前端團(tuán)隊(duì)推出的 一個(gè)基于Vue.js的移動(dòng)端組件庫，Mint UI包含豐富的CSS和JS組件，能夠滿足日常的移動(dòng)端開發(fā)需要。
通過它，可以快速構(gòu)建出風(fēng)格統(tǒng)一的頁面，提升開發(fā)效率。
AngularJS誕生于2009年,由Misko Hevery等人創(chuàng)建,后為Google所收購。是一款優(yōu)秀的前端JS框架,已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。
AngularJS有著諸多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語義化標(biāo)簽、依賴注入等等。
React可以非常輕松地創(chuàng)建用戶交互界面。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡潔的視圖,在數(shù)據(jù)改變時(shí)React也可以高效地更新渲染界面。
因?yàn)樵摴緦?duì)市場上所有JavaScript MVC框架，都不滿意，就決定自己寫一套，用來架設(shè)Instagram的網(wǎng)站。做出來以后，發(fā)現(xiàn)這套東西很好用，就在2013年5月開源了。