正文

web前端三大主流框架對(duì)比（vue框架大概要學(xué)多久）

發(fā)布時(shí)間：2023-04-14 03:57:06 稿源：創(chuàng)意嶺閱讀： 95

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于web前端三大主流框架對(duì)比的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、前端常用的框架有哪些
2、有哪些主流的web框架
3、前端開(kāi)發(fā)框架是什么？
4、前端開(kāi)發(fā)框架都有哪些

web前端三大主流框架對(duì)比（vue框架大概要學(xué)多久）

一、前端常用的框架有哪些

有三大主流框架，分別為：Angular、vue、react

1、我們?cè)诖笮统笮蛍eb應(yīng)用開(kāi)發(fā)上，看好Angular：

深度整合Typescript和Rxjs。ts解決了工程化的問(wèn)題，rxjs解決了開(kāi)發(fā)速度的問(wèn)題。但是學(xué)習(xí)成本，可能對(duì)于Java，c#等OOP工程師來(lái)說(shuō)比較容易上手，但是對(duì)于JavaScript工程師來(lái)說(shuō)，少有工程化的經(jīng)驗(yàn)，接受起來(lái)比較痛苦。當(dāng)然，不只是Angular可以采用Typescript開(kāi)發(fā)，很多其他的Dom庫(kù)都可以，Angular相比他們的優(yōu)勢(shì)在于：

1.零配置

2.深度整合設(shè)計(jì)模式

3.約定才是框架的本質(zhì)

2、小型應(yīng)用上，看好vue

其實(shí)絕大部分web應(yīng)用，都應(yīng)該只是小型應(yīng)用。公司官網(wǎng)，論壇，甚至是規(guī)模不大的電子商務(wù)網(wǎng)站和基本功能的OA，ERP系統(tǒng)，都只是小型web應(yīng)用。它們數(shù)據(jù)源穩(wěn)定，對(duì)于運(yùn)營(yíng)的要求不高，但是對(duì)加載速度等都有很高的要求。這個(gè)時(shí)候，小巧的vue就成了首選。Proxy實(shí)現(xiàn)的響應(yīng)式相比Angular的zone暴力代理和rxjs的復(fù)雜操作顯得更加接地氣，不需要額外地進(jìn)行學(xué)習(xí)。對(duì)象式的聲明在UI實(shí)現(xiàn)上速度更快。生態(tài)雖然沒(méi)有react那么熱鬧但是小而美的庫(kù)也很多，nuxt的實(shí)現(xiàn)值得點(diǎn)贊。

3、個(gè)性化需求、中型應(yīng)用，更傾向react

在中大型應(yīng)用中，不是一定要搞Java那一套的，而且在前端這種對(duì)工期要求很緊的領(lǐng)域，沒(méi)必要因?yàn)樘砑有鹿δ芏鼡Q新的平臺(tái)，能用到rxjs和依賴注入的前端應(yīng)用場(chǎng)景并不多。所以如果采用react，從項(xiàng)目一開(kāi)始就漸進(jìn)式地添加模塊，往往更適合快速發(fā)展的產(chǎn)品。

二、有哪些主流的web框架

1、Spring

Spring是于2003 年興起的一個(gè)輕量級(jí)的Java開(kāi)發(fā)框架，是一個(gè)開(kāi)放源代碼的設(shè)計(jì)層面框架，他解決的是業(yè)務(wù)邏輯層和其他各層的松耦合問(wèn)題，因此它將面向接口的編程思想貫穿整個(gè)系統(tǒng)應(yīng)用。簡(jiǎn)單來(lái)說(shuō)，Spring是一個(gè)分層的JavaSE/EE full-stack(一站式) 輕量級(jí)開(kāi)源框架。

2、SpringBoot

Spring Boot是由Pivotal團(tuán)隊(duì)提供的框架，其設(shè)計(jì)目的是用來(lái)簡(jiǎn)化新Spring應(yīng)用的初始搭建以及開(kāi)發(fā)過(guò)程。該框架使用了特定的方式來(lái)進(jìn)行配置，從而使開(kāi)發(fā)人員不再需要定義樣板化的配置。

3、Thymeleaf

Thymeleaf是面向Web和獨(dú)立環(huán)境的現(xiàn)代服務(wù)器端Java模板引擎，能夠處理HTML，XML，JavaScript，CSS甚至純文本。

4、Druid

Druid是阿里的一個(gè)開(kāi)源高效的數(shù)據(jù)查詢系統(tǒng)，主要解決的是對(duì)于大量的基于時(shí)序的數(shù)據(jù)進(jìn)行聚合查詢。數(shù)據(jù)可以實(shí)時(shí)攝入，進(jìn)入到Druid后立即可查，同時(shí)數(shù)據(jù)是幾乎是不可變。通常是基于時(shí)序的事實(shí)事件，事實(shí)發(fā)生后進(jìn)入Druid，外部系統(tǒng)就可以對(duì)該事實(shí)進(jìn)行查詢。

5、mybatis

MyBatis 是一款優(yōu)秀的持久層框架，它支持定制化 SQL、存儲(chǔ)過(guò)程以及高級(jí)映射。MyBatis 可以使用簡(jiǎn)單的 XML 或注解來(lái)配置和映射原生信息，將接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java對(duì)象)映射成數(shù)據(jù)庫(kù)中的記錄。

6、Hybernate

Hibernate是一個(gè)開(kāi)放源代碼的對(duì)象關(guān)系映射框架(Object_Relative DateBase-Mapping 簡(jiǎn)稱ORM)，它對(duì)JDBC進(jìn)行了輕量級(jí)的對(duì)象封裝，它將POJO與數(shù)據(jù)庫(kù)表建立映射關(guān)系。 Hibernate可以應(yīng)用在任何使用JDBC的場(chǎng)合，既可以在Java的客戶端程序使用，也可以在Servlet/JSP的Web應(yīng)用中使用。

三、前端開(kāi)發(fā)框架是什么？

常見(jiàn)的web前端開(kāi)發(fā)框架如下：

1、Bootstrap：

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡(jiǎn)潔靈活，使得 Web 開(kāi)發(fā)更加快捷。

2、html5-boilerplate：

該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站。

3、Meteor：

Meteor是新一代的開(kāi)發(fā)即時(shí)web應(yīng)用的開(kāi)源框架，它能在較短時(shí)間內(nèi)完成開(kāi)發(fā)。

4、Materialize：

基于材料設(shè)計(jì)的現(xiàn)代化響應(yīng)式前端框架。可提供默認(rèn)的樣式，自定義組件。此外，Materialize還改進(jìn)動(dòng)畫(huà)和過(guò)渡，為開(kāi)發(fā)人員提供流暢的體驗(yàn)。

5、Amaze UI：

首個(gè)開(kāi)源HTML5跨屏前端框架產(chǎn)品系列，中文排版前端的學(xué)習(xí)都是需要不斷的學(xué)習(xí)，學(xué)一天停一停相當(dāng)于白學(xué)，學(xué)習(xí)效果很差，如果你想有人一起學(xué)習(xí)可以來(lái)這個(gè)扣裙，首先是132 中間是667最后是127 都是零基礎(chǔ)的同學(xué)，大家相互鼓勵(lì) 共同努力只是學(xué)著玩就不建議來(lái)了!!!支持更優(yōu)、本土化組件豐富。該產(chǎn)品系列中有專門(mén)針對(duì)移動(dòng)端的HTML5混合應(yīng)用開(kāi)發(fā)框架Amaze UI Touch以及針對(duì)跨屏HTML5網(wǎng)頁(yè)開(kāi)發(fā)的Amaze UI Web。

web前端三大主流框架對(duì)比（vue框架大概要學(xué)多久）

擴(kuò)展資料：

web框架程序的作用：

Web框架使得在進(jìn)行Web應(yīng)用開(kāi)發(fā)的時(shí)候，減少了工作量。Web框架主要用于動(dòng)態(tài)網(wǎng)絡(luò)開(kāi)發(fā)，動(dòng)態(tài)網(wǎng)絡(luò)主要是指現(xiàn)在的主要的頁(yè)面，可以實(shí)現(xiàn)數(shù)據(jù)的交互和業(yè)務(wù)功能的完善。

使用Web框架進(jìn)行Web開(kāi)發(fā)的時(shí)候，在進(jìn)行數(shù)據(jù)緩存、數(shù)據(jù)庫(kù)訪問(wèn)、數(shù)據(jù)安全校驗(yàn)等方面，不需要自己再重新實(shí)現(xiàn)，而是將業(yè)務(wù)邏輯相關(guān)的代碼寫(xiě)入框架就可以。也就是說(shuō)，通過(guò)對(duì)Web框架進(jìn)行主觀上的“縫縫補(bǔ)補(bǔ)”，就可以實(shí)現(xiàn)自己進(jìn)行Web開(kāi)發(fā)的需求了。

以PHP為例，PHP可以在apache服務(wù)器上進(jìn)行Web開(kāi)發(fā)，而不必使用框架。使用PHP進(jìn)行開(kāi)的時(shí)候，在不適用框架的情況下，數(shù)據(jù)庫(kù)連接就需要自己來(lái)實(shí)現(xiàn)，頁(yè)面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。

四、前端開(kāi)發(fā)框架都有哪些

1. Bootstrap

Boostrap絕對(duì)是目前最流行用得最廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計(jì)工具包，可以用來(lái)開(kāi)發(fā)跨瀏覽器兼容并且美觀大氣的頁(yè)面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件，柵格系統(tǒng)以及一些常用的JavaScript插件。

2. Fbootstrapp

Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和設(shè)計(jì)相同的功能。包含用于所有標(biāo)準(zhǔn)組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導(dǎo)航等等，風(fēng)格與Facebook類似。

3. BootMetro

BootMetro框架的靈感來(lái)自于Metro UI CSS，基于Bootstrap 框架構(gòu)建，用于創(chuàng)建Windows 8 的Metro風(fēng)格的網(wǎng)站。它包括所有Bootstrap的功能，并添加了幾個(gè)額外的功能，比如頁(yè)面平鋪，應(yīng)用程序欄等等。

4. Kickstrap

Kickstrap是Bootstrap的一個(gè)變體。它基于Bootstrap，并在它的基礎(chǔ)上添加了許多app，主題以及附加功能。這使得這個(gè)框架可以單獨(dú)地用于構(gòu)建網(wǎng)站，而不需要額外安裝什么。你需要做的僅僅是把它放到你的網(wǎng)站上，然后用就可以了。

5. Foundation

Foundation 是一款強(qiáng)大的，功能豐富的并且支持響應(yīng)式布局的前端開(kāi)發(fā)框架，你可以通過(guò)Foundation快速創(chuàng)建原型，利用它所包含的大量布局框架，元素以及最優(yōu)范例快速創(chuàng)建在各種設(shè)備上可以正常運(yùn)行的網(wǎng)站以及app。Foundation在構(gòu)建的時(shí)候秉承移動(dòng)優(yōu)先的策略，它擁有大量實(shí)用的語(yǔ)義化功能，并且使用Zepto類庫(kù)來(lái)取代jQuery，這樣可以帶來(lái)更好的用戶體驗(yàn)，并且提高運(yùn)行的速度。

6. GroundworkCSS

GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一個(gè)高級(jí)響應(yīng)式的HTML5，CSS以及JavaScript工具包，可以用于快速創(chuàng)建原型并且建立在各種瀏覽設(shè)備上可以正常工作的網(wǎng)站和app。

7. Gumby

Gumby 是一款基于Sass和Compass的簡(jiǎn)單靈活并且穩(wěn)定的前端開(kāi)發(fā)框架。

它的流式-固定布局（fluid-fixed layout）可以根據(jù)桌面端以及移動(dòng)設(shè)備的分辨率自動(dòng)優(yōu)化要呈現(xiàn)的網(wǎng)頁(yè)內(nèi)容。它支持多種網(wǎng)格布局，包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板，方便你在12列和16列的網(wǎng)格系統(tǒng)上進(jìn)行設(shè)計(jì)。

8. HTML KickStart

HTML Kickstart 是一款可以用來(lái)方便創(chuàng)建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干凈，符合標(biāo)準(zhǔn)以及跨瀏覽器兼容的代碼。

這款框架提供了多種樣式表，包括網(wǎng)格，排版，表單，按鈕，表格，列表以及一些跨瀏覽器兼容的web組件比如JavaScript的幻燈片功能，tabs，面包屑導(dǎo)航，包含子菜單的菜單以及工具提示等等。

9. IVORY

IVORY 是一款輕量，簡(jiǎn)單但是強(qiáng)大的前端框架，可以用于320到1200像素寬度的響應(yīng)式布局。它基于12列的響應(yīng)式網(wǎng)格布局，包含表格，按鈕，表格，分頁(yè)，撥動(dòng)開(kāi)關(guān)，工具提示，手風(fēng)琴，選項(xiàng)卡等網(wǎng)站中常用的組件和樣式。

10.Kube

最后，如果你的新項(xiàng)目需要一款實(shí)在的，不需要復(fù)雜的額外功能組件的，足夠簡(jiǎn)單的框架，那么 Kube 將會(huì)是你正確的選擇。Kube是一款最小化的，支持響應(yīng)式的前端框架，它沒(méi)有強(qiáng)加的樣式設(shè)計(jì)，因此給了你充分的自由來(lái)開(kāi)發(fā)自己的樣式表。它提供了一些web元素的基本樣式，比如網(wǎng)格，表單，排版，表格，按鈕，導(dǎo)航，鏈接以及圖片等等。

以上就是關(guān)于web前端三大主流框架對(duì)比相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。