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