web前端主流框架主要有哪些
1、Bootstrap
Twitter出品的Bootstrap在業(yè)界是非常受歡迎的，以至于有很多前端框架都在其基礎(chǔ)上開發(fā)，如我們熟悉的WeX5就是在Bootstrap源碼基礎(chǔ)上優(yōu)化而來的。我相信大多數(shù)接觸過前端開發(fā)的同學(xué)多少都了解過這個(gè)優(yōu)秀的前端框架。Bootstrap是基于HTML、CSS和的，它簡(jiǎn)潔靈活，可以使得Web開發(fā)更加敏捷。
它提供優(yōu)雅的HTML和CSS規(guī)范，在jQuery的基礎(chǔ)上進(jìn)行更加個(gè)性化和人性化的完善。兼容大部分jQuery插件，并包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導(dǎo)航條、按鈕組、分頁、縮略圖、進(jìn)度條和媒體對(duì)象等。自帶了13個(gè)jQuery插件，其中有模式對(duì)話框、標(biāo)簽頁、滾動(dòng)條和彈出框等。
2、框架
框架總體來看要比Bootstrap略顯高大上一點(diǎn)，但他們倆的設(shè)計(jì)理念都是非常清楚的，Bootstrap有引導(dǎo)的意思，它嘗試處理你項(xiàng)目中的一切所需。有基礎(chǔ)、地基及支柱的意思，給你項(xiàng)目中強(qiáng)有力的創(chuàng)造與支持。相對(duì)于Bootstrap豐富的組件及插件，僅提供了有限的幾種元素，其目標(biāo)是，即使你使用預(yù)定義的UI元素，也不應(yīng)該與大家的網(wǎng)站長(zhǎng)得太像。
而Bootstrap則致力于提供所有定義好的元素，這樣使得看起來許多網(wǎng)站都差不多。默認(rèn)不帶圖標(biāo)集，它推薦使用開源字體圖標(biāo)。與Bootstrap一樣，使用網(wǎng)格流式布局將網(wǎng)頁劃分為12列，針對(duì)不同的設(shè)備顯示不同的列數(shù)，實(shí)現(xiàn)響應(yīng)式布局。但不支持舊版本瀏覽器。其他特性如有興趣可進(jìn)一步了解。
3、Curl
Curl 是一個(gè)命令行工具，用于通過 HTTP(s)、FTP 和數(shù)十種其它協(xié)議進(jìn)行請(qǐng)求。使用Curl可以進(jìn)行文件下載、檢查響應(yīng)標(biāo)題和自由訪問遠(yuǎn)程數(shù)據(jù)。
在 Web 開發(fā)中，Curl 經(jīng)常和 RESTful API 一起使用，用于測(cè)試連接。
# Fetch the headers of a URL.curl -I 302 -Control: -Type: text/html; charset=UTF-8Referrer-Policy: no-: 258Date: Wed, 09 Aug 2021 11:24:01 GMT# Make a GET request to a remote API.curl is the number of days it takes Saturn to orbit the Sun.
Curl 命令可能比上述代碼更復(fù)雜。有許多選項(xiàng)用于控制 headers、Cookie、身份驗(yàn)證等。了解更多，請(qǐng)閱讀 curl。
4、Tree
Tree 是一個(gè)小型的命令行實(shí)用程序，它將目錄中的文件以可視化的方式進(jìn)行顯示。它采用遞歸運(yùn)行的方式，遍歷每個(gè)級(jí)別的嵌套并繪制所有內(nèi)容的格式樹。這樣就能快速的瀏覽并查找需要的文件。
tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── -halflings-regular.eot│ ├── -halflings-regular.svg│ ├── -halflings-regular.ttf│ ├── -halflings-regular.woff│ └── -halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js
還可以使用簡(jiǎn)單的 regEx 模式來過濾結(jié)果：
tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js
5、Tmux
根據(jù)維基的解釋，Tmux 是一個(gè)終端復(fù)用器。通俗的說，它是一個(gè)能將多個(gè)終端連接到單個(gè)終端會(huì)話的工具。
Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，并將多個(gè)終端連接到同一個(gè)會(huì)話，使其保持同步。在遠(yuǎn)程服務(wù)器上工作時(shí)，Tmux 特別有用，因?yàn)樗试S用戶創(chuàng)建新的選項(xiàng)卡，而無需再次登錄。
6、du
du命令用于生成關(guān)于文件和目錄的空間使用情況的報(bào)告。du很容易使用，可以遞歸地運(yùn)行，遍歷每個(gè)子目錄并返回每個(gè)文件的大小。
du 的常見用例是：當(dāng)某個(gè)驅(qū)動(dòng)器的空間不足，用戶不清楚每個(gè)存儲(chǔ)器的大小。使用此命令可以快速查看每個(gè)文件夾所占用的存儲(chǔ)空間，從而找到占用*空間的存儲(chǔ)器。
7、AUI
AUI是最近流行起來的，作者聲稱是專為APIClound設(shè)計(jì)的一套框架，解決了許多移動(dòng)端開發(fā)實(shí)際中遇到的許多問題，是一個(gè)純CSS框架。使用容器+布局+模塊的構(gòu)建方式，JS輔助，更自由更靈活更易于擴(kuò)展使用。遵循Google Material設(shè)計(jì)規(guī)范，完美適配各個(gè)機(jī)型。面向HTML5，使用CSS3實(shí)現(xiàn)動(dòng)畫交互，輕量級(jí)高性能。AUI是使用MIT License授權(quán)，你可以復(fù)制、出售。目前*版本2.0。
8、Amaze UI
這是稱為妹子UI的開源框架，據(jù)稱是**開源HTML5跨屏前端框架。妹子UI以移動(dòng)優(yōu)先為理念，從小屏逐漸到大屏，實(shí)現(xiàn)響應(yīng)式網(wǎng)頁。Amaze UI包含20+個(gè)CSS組件、20+個(gè)JS組件，更有多個(gè)包含不同主題的Web組件。相比國外框架，妹子UI關(guān)注中文排版提供本地化支持。面向HTML5開發(fā)，使用CSS3來實(shí)現(xiàn)動(dòng)畫交互，輕量級(jí)高性能。
9、Frozen UI
Frozen UI是一款開源，簡(jiǎn)單易用，輕量敏捷的移動(dòng)端框架?；谑諵樣式規(guī)范，目前全面應(yīng)用于企鵝手Q增值業(yè)務(wù)中?；A(chǔ)樣式效果簡(jiǎn)單色調(diào)清爽，社區(qū)活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項(xiàng)卡等等常用組件。還包括一個(gè)FrozenJs的JS組件庫?？梢栽谥髁鞯腁ndroid和IOS上應(yīng)用?；緲邮绞褂秒x線包的方式減少請(qǐng)求提供快速接入方案。當(dāng)然，根據(jù)網(wǎng)友反映，也存在大大小小的bug。不過總體來說，還是值得一用的。奇怪的是，Github上顯示的*更新時(shí)間是一年前，難道已經(jīng)沒人維護(hù)了嗎？
# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents and shows the total size of a folder.# The star wildcard (*) will run du on each file/folder in current directory.du -sh *1.2G Desktop4.0K .0K Music4.9M Public4.0K .9M Videos
還有一個(gè)相似的命令 df（Disk Free），使用df會(huì)返回有關(guān)可用磁盤空間的各種信息。
北京web前端培訓(xùn)機(jī)構(gòu)，出來好找工作嗎，需要學(xué)哪些內(nèi)容？
大部分人學(xué)習(xí)一項(xiàng)技術(shù)肯定是以就業(yè)為目標(biāo)，那么學(xué)習(xí)web前端哪些知識(shí)才能找到一份工作？小蝸這里根據(jù)行業(yè)的變化以及企業(yè)的用人需求，整理了一份web前端的學(xué)習(xí)路線，只要掌握了以下內(nèi)容，找到一份工作基本不難。
*階段：專業(yè)核心基礎(chǔ)
階段目標(biāo)：
1. 熟練掌握HTML5、CSS3、Less、Sass、響應(yīng)書布局、移動(dòng)端開發(fā)。
2. 熟練運(yùn)用HTML+CSS特性完成頁面布局。
4. 熟練應(yīng)用CSS3技術(shù)，動(dòng)畫、彈性盒模型設(shè)計(jì)。
5. 熟練完成移動(dòng)端頁面的設(shè)計(jì)。
6. 熟練運(yùn)用所學(xué)知識(shí)仿制任意Web網(wǎng)站。
7. 能綜合運(yùn)用所學(xué)知識(shí)完成網(wǎng)頁設(shè)計(jì)實(shí)戰(zhàn)。
知識(shí)點(diǎn)：
1、Web前端開發(fā)環(huán)境，HTML常用標(biāo)簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運(yùn)用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿制任意網(wǎng)站的前端頁面實(shí)現(xiàn)。
2、CSS3選擇器、偽類、過渡、變換、動(dòng)畫、字體圖標(biāo)、彈性盒模型、響應(yīng)式布局、移動(dòng)端。熟練運(yùn)用CSS3來開發(fā)網(wǎng)頁、熟練開發(fā)移動(dòng)端，整理網(wǎng)頁開發(fā)技巧。
3、預(yù)編譯css技術(shù)：less、sass基礎(chǔ)知識(shí)、以及插件的運(yùn)用、BootStrap源碼分析。能夠熟練使用 less、sass完成項(xiàng)目開發(fā)，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術(shù)完成網(wǎng)頁項(xiàng)目實(shí)戰(zhàn)。通過項(xiàng)目掌握*階段html、css的內(nèi)容、完成PC端頁面設(shè)計(jì)和移動(dòng)端頁面設(shè)計(jì)。
第二階段：Web后臺(tái)技術(shù)
階段目標(biāo):
1. 了解的發(fā)展歷史、掌握Node環(huán)境搭建及npm使用。
2. 熟練掌握的基本數(shù)據(jù)類型和變量的概念。
3. 熟練掌握中的運(yùn)算符使用。
4. 深入理解分之結(jié)構(gòu)語句和循環(huán)語句。
5. 熟練使用數(shù)組來完成各種練習(xí)。
6.熟悉es6的語法、熟練掌握面向?qū)ο缶幊獭?/p>
7.DOM和BOM實(shí)戰(zhàn)練習(xí)和H5新特性和協(xié)議的學(xué)習(xí)。
知識(shí)點(diǎn)：
1、軟件開發(fā)流程、算法、變量、數(shù)據(jù)類型、分之語句、循環(huán)語句、數(shù)組和函數(shù)。熟練運(yùn)用的知識(shí)完成各種練習(xí)。
2、面向?qū)ο蠡A(chǔ)、異常處理機(jī)制、常見對(duì)象api，js的兼容性、ES6新特性。熟練掌握面向?qū)ο蟮拈_發(fā)以及掌握es6中的重要內(nèi)容。
3、BOM操作和DOM操作。熟練使用BOM的各種對(duì)象、熟練操作DOM的對(duì)象。
4、h5相關(guān)api、canvas、ajax、數(shù)據(jù)模擬、touch事件、mockjs。熟練使用所學(xué)知識(shí)來完成網(wǎng)站項(xiàng)目開發(fā)。
第三階段：數(shù)據(jù)庫和框架實(shí)戰(zhàn)
階段目標(biāo)：
1. 綜合運(yùn)用Web前端技術(shù)進(jìn)行頁面布局與美化。
2. 綜合運(yùn)用Web前端開發(fā)框架進(jìn)行Web系統(tǒng)開發(fā)。
3. 熟練掌握Mysql、Mongodb數(shù)據(jù)庫的發(fā)開。
4. 熟練掌握vue.js、webpack、elementui等前端框技術(shù)。
5. 熟練運(yùn)用Node.js開發(fā)后臺(tái)應(yīng)用程序。
6. 對(duì)Restful，Ajax，JSON，開發(fā)過程有深入的理解,掌握git的基本技能。
知識(shí)點(diǎn)：
1、數(shù)據(jù)庫知識(shí)，范式，MySQL配置，命令，建庫建表，數(shù)據(jù)的增刪改查，mongodb數(shù)據(jù)庫。深入理解數(shù)據(jù)庫管理系統(tǒng)通用知識(shí)及MySQL數(shù)據(jù)庫的使用與管理，為Node.js后臺(tái)開發(fā)打下堅(jiān)實(shí)基礎(chǔ)。
2、模塊系統(tǒng)，函數(shù)，路由，全局對(duì)象，文件系統(tǒng)，請(qǐng)求處理，Web模塊，Express框架，MySQL數(shù)據(jù)庫處理，，文件上傳等。熟練運(yùn)用Node.js運(yùn)行環(huán)境和后臺(tái)開發(fā)框架完成Web系統(tǒng)的后臺(tái)開發(fā)。
3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運(yùn)用Vue.js完成基礎(chǔ)前端開發(fā)、熟練運(yùn)用Vue.js框架的高級(jí)功能完成Web前端開發(fā)和組件開發(fā)，對(duì)MVVM模式有深刻理解。
4、需求分析，數(shù)據(jù)庫設(shè)計(jì)，后臺(tái)開發(fā)，使用vue、node完成pc和移動(dòng)端整站開發(fā)。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實(shí)現(xiàn)整站項(xiàng)目完整功能并上線發(fā)布。
第四階段：移動(dòng)端和微信實(shí)戰(zhàn)
階段目標(biāo)：
1.熟練掌握React.js框架，熟練使用React.js完成開發(fā)。
2.掌握移動(dòng)端開發(fā)原理，理解原生開發(fā)和混合開發(fā)。
3.熟練使用react-native和Flutter框架完成移動(dòng)端開發(fā)。
4.掌握微信小程序以及了解支付寶小程序的開發(fā)。
5.完成大型電商項(xiàng)目開發(fā)。
知識(shí)點(diǎn)：
1、React面向組件編程、表單數(shù)據(jù)、組件通信、監(jiān)聽、聲明周期、路由、Redux基本概念。練使用react完成項(xiàng)目開發(fā)、掌握Redux中的異步解決方案Saga。
2、react-native、開發(fā)工具、視圖與渲染、api操作、Flutter環(huán)境搭建、路由、ListView組件、網(wǎng)絡(luò)請(qǐng)求、打包。練掌握react-native和Flutter框架，并分別使用react-native和Flutter分別能開發(fā)移動(dòng)端項(xiàng)目。
3、微信小程序基本介紹、開發(fā)工具、視圖與渲染、api操作、支付寶小程序的入門和api學(xué)習(xí)。掌握微信小程序開發(fā)了解支付寶小程序。
4、大型購物網(wǎng)站實(shí)戰(zhàn)，整個(gè)項(xiàng)目前后端分離開發(fā)；整個(gè)項(xiàng)目分為四部分：PC端網(wǎng)頁、移動(dòng)端APP、小程序、后臺(tái)管理。團(tuán)隊(duì)協(xié)作開發(fā)，使用git進(jìn)行版本控制。目期間可以擴(kuò)展Three.js 、。
web前端學(xué)習(xí)路線思維導(dǎo)圖
web前端三大主流框架都是什么？
web前端三大主流框架都是Angular、React、Vue。
1、Angular
Angular原名angularJS誕生于2009年，之前我們都是用jquery開發(fā)，自從angular的出現(xiàn)讓我們有了新的選擇，它*的特點(diǎn)是把后端的一些開發(fā)模式移植到前端來實(shí)現(xiàn)，如MVC、依賴注入等。
2、React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其創(chuàng)新式的，性能上碾壓angularJS，一經(jīng)推出，火的一塌糊涂。 特點(diǎn)很多，、JSX、Diff算法等，支持ES6語法，采用函數(shù)式編程，門檻稍高，但也更靈活，能讓開發(fā)具有更多可能性。
3、Vue
Vue作為*推出的框架（2014年），借鑒了前輩angular和react的特點(diǎn)（如、雙向數(shù)據(jù)綁定、diff算法、響應(yīng)式屬性、組件化開發(fā)等）并做了相關(guān)優(yōu)化，使其使用起來更加方便，更容易上手，比較少適合初學(xué)者。
Web前端的流行框架推薦
今天小編要跟大家分享的文章是關(guān)于Web前端的流行框架推薦，正在從事Web相關(guān)工作的小伙伴們來和小編一起看一看吧，希望這些推薦的框架能夠?qū)δ阌兴鶐椭?br>
一、vue前端框架
Vue(讀音/vju_/，類似于view)是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue
被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue
的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí)，Vue
也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動(dòng)。
如果你想在深入學(xué)習(xí)Vue之前對(duì)它有更多了解，我們制作了一個(gè)視頻，帶您了解其核心概念和一個(gè)示例工程。
如果你已經(jīng)是有經(jīng)驗(yàn)的前端開發(fā)者，想知道Vue與其它庫/框架有哪些區(qū)別，請(qǐng)查看對(duì)比其它框架
vue學(xué)習(xí)官網(wǎng)：#/v2/guide/
vue中文社區(qū)：#/
二、React框架
React可以非常輕松地創(chuàng)建用戶交互界面。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖，在數(shù)據(jù)改變時(shí)React也可以高效地更新渲染界面。
以聲明式編寫UI，可以讓你的代碼更加可靠，且方便調(diào)試。
React學(xué)習(xí)官網(wǎng)：#/
中文網(wǎng)：#/
三、Angular框架
Angular是一個(gè)以編寫的庫，擁有良好的應(yīng)用程序，模板的功能非常強(qiáng)大，自帶豐富的angular指令，可以通過指令擴(kuò)寬HTML，而且可以通過表達(dá)式綁定數(shù)據(jù)到HTML，因?yàn)橐肓薐ava的一些內(nèi)容，所以很容易就可以寫出復(fù)用代碼，有效提高了團(tuán)隊(duì)開發(fā)的速度。
Angular學(xué)習(xí)官網(wǎng)：#/
AngularJs中文學(xué)習(xí)官網(wǎng)：#/
這是目前前端比較流行的框架，當(dāng)然學(xué)習(xí)框架之前，一定要學(xué)好基礎(chǔ)，例如：Html5、Css3、Jscript以及響應(yīng)交互式頁面搭建。
以上就是小編今天為大家分享的關(guān)于Web前端的流行框架推薦的文章，希望本篇文章能夠?qū)φ趶氖耊eb前端工作的小伙伴們有所幫助。想要了解更多Web前端相關(guān)知識(shí)記得關(guān)注北大青鳥Web培訓(xùn)官網(wǎng)。*祝愿小伙伴們工作順利！
Web前端要學(xué)習(xí)什么框架？
學(xué)習(xí)Web框架可以加快Web開發(fā)速度，節(jié)約時(shí)間。就目前來說，Web前端要學(xué)什么框架呢？分享目前比較流行且常用的Web前端框架有Angular、React、Bootstrap和Vue。
1、Angular
Angular框架包含的東西比較完善，包含模板、數(shù)據(jù)雙向綁定、路由、模塊化、服務(wù)、過濾器、依賴注入等所有功能。對(duì)于剛開始學(xué)習(xí)使用框架的小伙伴們，可以推薦這個(gè)框架。使用能夠提高代碼可維護(hù)性，有利于后期重構(gòu)。。
2、React
這個(gè)框架本身比較容易理解，他的結(jié)構(gòu)很清晰，就是由十幾個(gè)API組成，然后異步渲染，我們只需要處理好接口和維護(hù)就好了，但是很多人反映上手還是有一定的的難度的。React是單向數(shù)據(jù)流，代碼寫起來會(huì)較雙向數(shù)據(jù)流的多一些，但是同樣的排查問題時(shí)思路清晰很多。
3、Vue
Vue是行內(nèi)的大趨勢(shì)，還可以用來開發(fā)小程序。同時(shí)他也是雙向數(shù)據(jù)流。有些人認(rèn)為Vue是Angular和React的結(jié)合，既有Angular的模板語法也有React的組件化體系。
4、Bootstrap
Boostrap絕對(duì)是目前使用廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的Web設(shè)計(jì)工具包，可以用來開發(fā)跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件，柵格系統(tǒng)以及一些常用的插件。
以上就是Web前端要學(xué)的幾款框架，希望對(duì)大家有幫助。
web前端框架有哪些？
什么是Web前端開發(fā)？
前端開發(fā)是創(chuàng)建web頁面或app等前端界面呈現(xiàn)給用戶的過程。通過html、css、js以及衍生出來的各種技術(shù)、框架、解決方案來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶交互界面。
Web前端框架有：Bootstrap 框架、React 框架、Vue 框架、Angular 框架、 框架、 框架。
1、Bootstrap 框架
Bootstrap 是當(dāng)今可用的前端框架中*的，它具有直觀，時(shí)尚的界面而且功能強(qiáng)大可以更快更輕松地實(shí)現(xiàn) web 開發(fā)而且不需要捆綁。附件就可以使用許多第三方插件，大多數(shù)瀏覽器都支持它，而且它提供了比其他前端框架更多的組合資源。
2、React 框架
React 框架引入了許多自定義的（在創(chuàng)建時(shí)）前端 Web 開發(fā)的方法。要使用 React，首先需要掌握組件的體系結(jié)構(gòu)，JSX 和單向數(shù)據(jù)流等，React 框架的出現(xiàn)促使開發(fā)了大量額外工具用來實(shí)現(xiàn)高度靈活性。雖然靈活性是其主要優(yōu)勢(shì)，但 React 因其靈活性也存在一些問題。比如在使用 React 時(shí)會(huì)面臨選擇的問題，而且它沒有可靠的開發(fā)工作流程。我們必須使用 React 構(gòu)建自己的工作流程。這比使用其他 JS 框架更困難，因?yàn)闃?gòu)建到框架中需要大量的開發(fā)工具。
3、Vue 框架
Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動(dòng)。
4、Angular 框架
Angular.js 通常被稱為 MVW（模型 – 視圖 – 隨意）框架，其中包括：快速代碼生成，輕松測(cè)試任何應(yīng)用程序部分和雙向數(shù)據(jù)綁定（后端的更改會(huì)立即反映在 UI 上）。自發(fā)布以來，它成為開發(fā)的最常用的 JS 框架。對(duì)于基于企業(yè)的應(yīng)用程序或具有高標(biāo)準(zhǔn)代碼可讀性的嚴(yán)格編程環(huán)境，Angular-s 都是更好的選擇。
5、 框架
是由網(wǎng)頁設(shè)計(jì)公司 Zurb 創(chuàng)建的，是一個(gè)非常先進(jìn)的企業(yè)級(jí)前端框架，非常適合開發(fā)靈活，響應(yīng)迅速的網(wǎng)站。但是使用它也相當(dāng)復(fù)雜，所以不適合剛?cè)腴T的學(xué)習(xí)者，這個(gè)功能豐富的框架支持 GPU 加速，可實(shí)現(xiàn)流暢，閃電般快速的動(dòng)畫，F(xiàn)astclick.js 可在移動(dòng)設(shè)備上快速渲染。它在 Sass 預(yù)處理器上運(yùn)行，并包含 開發(fā)的數(shù)據(jù)交換屬性，該屬性允許您為移動(dòng)設(shè)備加載輕量級(jí) HTML 部分，為較大屏幕加載“較重”HTML 部分。
6、 框架
是由微軟開發(fā)的自由和開源的編程語言， 類型的超集，它可以編譯成純 。 可以在任何瀏覽器、任何計(jì)算機(jī)和任何操作系統(tǒng)上運(yùn)行，并且是開源的。
初學(xué)web需要學(xué)習(xí)那些知識(shí)？
一、HTML5+CSS3：HTML5和CSS3是通往Web工程師路上必須學(xué)會(huì)的基本內(nèi)容，包括HTML5語法及使用技巧、HTML5常用標(biāo)簽、CSS語法及使用技巧、DIV+CSS布局方式、常見網(wǎng)頁布局模式等等。
二、JS交互設(shè)計(jì)：JS交互技術(shù)可以賦予頁面一個(gè)動(dòng)態(tài)的效果展示，提升用戶的瀏覽體驗(yàn)，包括基本語法、DOM的各種操作、DOM編程、常見兼容性方案、jQuery等等。
三、Node開發(fā)：Node.js不僅僅是一個(gè)框架，它是一個(gè)完整的環(huán)境，配備了開發(fā)人員可能需要的開發(fā)工具。所以學(xué)好Node是在打通前后端開發(fā)中需要掌握的技術(shù)。這部分需要學(xué)習(xí)ES6的語法、兼容性、前端模塊化開發(fā)、Webpack模塊打包器、Node.js、異步編程模型、模塊化編程方式、Ajax數(shù)據(jù)交互等等。
四、前端框架：前端框架是Web開發(fā)人員需要熟練掌握的技能，并且在實(shí)際開發(fā)中是會(huì)被廣泛應(yīng)用的，需要學(xué)習(xí)Vue、React、Angular等框架、D3.js、Vue技術(shù)棧進(jìn)行項(xiàng)目開發(fā);掌握React技術(shù)棧、Webpack項(xiàng)目構(gòu)建配置流程、Web項(xiàng)目的部署與發(fā)布等等。
五、小程序與APP開發(fā)：現(xiàn)在移動(dòng)應(yīng)用越來越受歡迎，掌握了小程序和APP開發(fā)技術(shù)可以增強(qiáng)自身競(jìng)爭(zhēng)力，學(xué)習(xí)內(nèi)容包括Canvas、小程序開發(fā)框架mpvue、等 。
web前端三大主流框架
Web前端三大框架：Vue.js、React.js、Angular.js。
1、Vue.js
Vuejs的受歡迎度目前是*的，而開發(fā)vuejs的就是一個(gè)*人名字叫尤雨溪。Vue可以通過簡(jiǎn)潔的 API 提供高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng)。同時(shí)，尤雨溪選擇了開源的方式，方便更多的開發(fā)者使用并參與其中。
Vue 也使用虛擬 DOM，因此在項(xiàng)目中的更改不會(huì)正式對(duì) DOM 產(chǎn)生影響。Vue 在這三者中，大小最?。ù蠹s 80KB），這大大提高了它的性能。
2、React.js
React框架是起源于Facebook的項(xiàng)目，主要是通過對(duì)DOM的模擬減少與DOM的交互做到的。React的模塊化把組件進(jìn)行了隔離，出現(xiàn)問題的時(shí)候更方便程序員對(duì)其進(jìn)行修改。
3、Angular.js
Angular擁有很好的應(yīng)用程序，是一個(gè)以編寫的庫，模板功能也異常強(qiáng)大，本身就帶有豐富的Angular指令。一方面可以通過指令擴(kuò)寬HTML，一方面可以通過表達(dá)式綁定數(shù)據(jù)到HTML。
前端框架有什么用?
web前端框架是做什么的？ 5分
前端框架一般指用于簡(jiǎn)化網(wǎng)頁設(shè)計(jì)的框架，比如，jquery，extjs，bootstrap等等，這些框架封裝了一些功能，比如html文檔操作，漂亮的各種控件（按鈕，表單等等）。
使用前段框架可以降低界面開發(fā)周期和提高界面的美觀性。
有些框架比較輕量，比如jquery，有些框架比較重量，比如extjs。一般來說重量的框架會(huì)封裝更多的功能，比如extjs，封裝的grid控件有很強(qiáng)的數(shù)據(jù)展示和操作功能。
前端框架是什么？有什么用、有什么好處？
可以簡(jiǎn)單的理解成是：使用廣泛的前端開發(fā)套件，可以幫助你快速的網(wǎng)站。
前段框架的好處：對(duì)于互聯(lián)網(wǎng)的產(chǎn)品而言，前端用戶體驗(yàn)往往決定了一款產(chǎn)品的競(jìng)爭(zhēng)力和吸引力;而對(duì)于前端工程師來說，考慮的問題更為復(fù)雜，他們既要為網(wǎng)站上提供的產(chǎn)品和服務(wù)實(shí)現(xiàn)一流的Web頁面、優(yōu)化代碼，保證體驗(yàn)的*，更要考慮與市面上各大瀏覽器的兼容性，還需顧及Web前端表現(xiàn)層和前后端交互的架構(gòu)，以及模塊化、通用類庫、框架編寫等一系列問題，由此提升前端開發(fā)的效率，降低開發(fā)成本和周期。
html的框架到底是用來干嘛的？什么時(shí)候用到？
你接觸了后臺(tái)就知道了，這樣可以做到頁面地址不需要變動(dòng)， 但卻可以利用iframe的tagert屬性把顯示數(shù)據(jù)的頁面包含進(jìn)來， div就不行，因?yàn)樗鼪]有這個(gè)target屬性，文件獨(dú)立出來方便重用，且結(jié)構(gòu)清晰；
前端開發(fā)框架有哪些
首先我想說明一下，我們通常說的js不是框架，是語言，即，據(jù)*世界編程語言排行榜來看，已經(jīng)上升到了第7位，發(fā)展迅猛，其標(biāo)準(zhǔn)是，現(xiàn)在基本上是基于。jQuery是用js寫的框架，其在DOM操作上有很明顯的優(yōu)勢(shì)，也是時(shí)下很常用的一個(gè)js框架。
至于之外還要學(xué)習(xí)那些框架呢？
如果你說的是js框架，建議先掌握好jQuery，然后還有很多的，比如樓上提到的extjs，近幾年比較流行的AngularJS，基于移動(dòng)端考慮的輕量級(jí)仿jquery框架zepto，還有jquery mobile，還有適合寫后端或服務(wù)端的node，等等。如果是web前端框架，就不僅僅是涉及的js了，還有html和css。個(gè)人覺得只有這三種語言都涉及到的框架才能說得上是web前端框架?，F(xiàn)在比較火的是Bootstrap，還有，比較古老的有jqueryUI，easyUI等等，還有其他很多很多。如果還有算上處理方案及版本升級(jí)代碼迭代等，就要用到百度團(tuán)隊(duì)研發(fā)的fis這種了。其實(shí)內(nèi)容真的很多很多，前端任重而道遠(yuǎn)啊~
web前端框架是什么意思 10分
前端架構(gòu)師必須懂得真正的編程知識(shí)，而這正是很多自封為前端架構(gòu)師的人所缺乏的。我的意思不是能夠剪切粘貼改進(jìn)代碼就行了，而是能夠跟老練的工程師商討如何能夠*地結(jié)合前端。
這就是說，前端架構(gòu)師需要真正理解結(jié)構(gòu)遭遇商業(yè)邏輯的問題。如果工程師說某些東西使用ASP.Net DataGrid是不可能實(shí)現(xiàn)的，前端架構(gòu)師必須能夠解釋如何與為何要使用DataList或Repeater取代，解釋為何DataGrid在該情景下是個(gè)錯(cuò)誤的選擇……
這只是個(gè)例子，問題還在于僅知道客戶端編程也是不夠的。能夠使用與工程師相同的術(shù)語，能夠討論（前后端）關(guān)鍵集成的*解決方案，這是絕對(duì)必須的。
斷線的風(fēng)箏
我們今天正處在一個(gè)不妙的處境中，原因在于幾乎沒有人能夠?yàn)榍昂蠖说臏羡执顦?。一般工程師不?huì)有興趣或?qū)嵺`標(biāo)記，CSS, 或DOM腳本編程，大部分客戶端開發(fā)者也沒有與后端技術(shù)協(xié)作的經(jīng)驗(yàn)。幾周入門PHP不會(huì)成為程序員，幾周入門XHTML也不會(huì)成為真正的客戶端開發(fā)者。
罪魁禍?zhǔn)?br>
我首先想到的十足例子是，ASP.Net完全漠視Web標(biāo)準(zhǔn)，同樣地，web氛圍（我們指表格和占位gif）讓W(xué)eb標(biāo)準(zhǔn)郁悶。企業(yè)項(xiàng)目的大多數(shù)框架輸出的標(biāo)記，即使使用1999年的標(biāo)準(zhǔn)來衡量，都是糟糕無比的。
如此巨大和“專業(yè)”的產(chǎn)品怎么能才夠不忽視，按理說是整個(gè)項(xiàng)目最簡(jiǎn)單的方面？只有靜態(tài)代碼。理由是，基于技術(shù)的立場(chǎng)衡量產(chǎn)品，結(jié)構(gòu)，CSS和其他客戶端技術(shù)都是“事后諸葛亮”。表現(xiàn)邏輯，結(jié)構(gòu)和行為混雜，壓根無助于無障礙，Web標(biāo)準(zhǔn)，或者前端技術(shù)干凈的分離。擡起你的頭來，就在2006，這些都成受歡迎的慣例了。
總結(jié)
如果這個(gè)世界上姿態(tài)最鮮明的產(chǎn)品和項(xiàng)目都如此低劣的方式來處理事情，其他的還有什么好說？毫無疑問，我們需要前端架構(gòu)師，而且就在昨天。
歸結(jié)于歸結(jié)，我們有一堆相互關(guān)聯(lián)的技術(shù)，很少人能夠埋頭鉆研它們之間的關(guān)系，這很不幸。正確做事的真正價(jià)值在于容易的維護(hù)和長(zhǎng)期的適應(yīng)性。雖然在關(guān)鍵時(shí)刻，有些方式更容易選擇其他的方法和拼湊起另外的東西。對(duì)某些人來說，這可能是可接受的做事方式。但是，對(duì)我們大部分人來說，這是拙劣的抉擇，也非常不專業(yè)。
我交給你去想了。我假設(shè)你把車交給技工修理，修好了時(shí)候，瞧瞧引擎罩內(nèi)大量的輸送管，我不知道你對(duì)技工作何感想？
為什么需要自己實(shí)現(xiàn)前端框架
前端對(duì)框架(庫)的大小更敏感
前端內(nèi)容的渲染和交互效果的實(shí)現(xiàn)如果依賴JS框架(庫)，需要先將這些框架(庫)下載到客戶端，此時(shí)框架(庫)的大小將直接影響到前端的首屏渲染速度?？蚣?庫)越小，加載的速度就越快，而隨著功能的越來越全，框架(庫)必然會(huì)越來越大，要保證性能，需要制定加載策略。
便于制定加載策略
解決框架(庫)變大的常見加載策略是將框架分為核心部分和擴(kuò)展部分，核心部分在首屏渲染前必須下載完成，并且這部分的加載文件盡可能的少和小，擴(kuò)展部分則可以模塊化方式來懶加載。
核心部分的JS在發(fā)布時(shí)，可對(duì)文件合并，數(shù)量盡可能少，單個(gè)文件在gzip壓縮后*不要超過20K。核心部分可以是實(shí)現(xiàn)“JS語言擴(kuò)展(面向?qū)ο?，DOM操作API，數(shù)據(jù)交互方法(ajax)，導(dǎo)航策略，模塊化底層實(shí)現(xiàn)，事件底層實(shí)現(xiàn)，模版解析”等。擴(kuò)展部分一般是一些可異步加載的UI組件，例如：輸入控件、彈出窗、動(dòng)畫API、文件上傳及預(yù)覽、圖表控件、富文本編輯器等。
上面的實(shí)現(xiàn)模式，在主流的JS框架(庫)中，有三類選擇：一類是以ExtJS為代表的大而全的框架(庫)，這類框架雖然功能滿足，但往往無法拆分為核心部分和擴(kuò)展部分來加載，因此基本不予考慮；一類是相對(duì)輕量的YUI3、Dojo等框架(庫)；一類是近來流行的前端MV*系列Backbone、Ember、Angular，這類在充當(dāng)核心部分時(shí)，還需要組合、RequireJS，jQuery等第三方庫。
后面兩類可以滿足要求，但個(gè)人覺得不是完美的方案，因?yàn)樵陂_發(fā)實(shí)際產(chǎn)品時(shí)，將這兩類作為核心部分時(shí)，往往里面有很多是不需要的，而還有些需要自己來額外補(bǔ)充近來，可以是自己開發(fā)，也可以集成第三方的實(shí)現(xiàn)。而核心部分框架(庫)如果是自己實(shí)現(xiàn)，則可以保證在功能完整的情況下，不多出其它的東西，加載的JS可以控制到最小，而且代碼風(fēng)格也統(tǒng)一。
便于擴(kuò)展
前端代碼與用戶的交互直接相關(guān)，而交互的設(shè)計(jì)變化和不確定性非常大，現(xiàn)成的第三方實(shí)現(xiàn)往往難以直接利用，需要改造。有時(shí)改造第三方的框架，先要非常熟悉框架，當(dāng)這個(gè)框架比較復(fù)雜時(shí)，這樣的工作量和難度就大大加大了。而自實(shí)現(xiàn)的框架(庫)則可以根據(jù)需要任意擴(kuò)展，可以根據(jù)需求制定對(duì)應(yīng)的規(guī)范和API。
前端開發(fā)框架有哪些
1. Bootstrap
Boostrap絕對(duì)是目前*用得最廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計(jì)工具包，可以用來開發(fā)跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件，柵格系統(tǒng)以及一些常用的插件。
Bootstrap是用動(dòng)態(tài)語言LESS寫的，主要包括四部分的內(nèi)容：
腳手架——全局樣式，響應(yīng)式的12列柵格布局系統(tǒng)。記住Bootstrap在默認(rèn)情況下并不包括響應(yīng)式布局的功能。因此，如果你的設(shè)計(jì)需要實(shí)現(xiàn)響應(yīng)式布局，那么你需要手動(dòng)開啟這項(xiàng)功能。
基礎(chǔ)CSS——包括基礎(chǔ)的HTML頁面要素，比如表格(table)，表單(form)，按鈕(button)，以及圖片(image)，基礎(chǔ)CSS為這些要素提供了優(yōu)雅，一致的多種樣式。
組件——收集了大量可以重用的組件，如下拉菜單（dropdowns），按鈕組（button groups），導(dǎo)航面板（ control）——包括：tabs,pills,lists標(biāo)簽，面包屑導(dǎo)航（）以及頁碼（），縮略圖()，進(jìn)度條（progress bars），媒體對(duì)象（media objects）等等。
——包括一系列jQuery的插件，這些插件可以實(shí)現(xiàn)組件的動(dòng)態(tài)頁面效果。插件主要包括模態(tài)窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滾動(dòng)監(jiān)控（scrollspy），旋轉(zhuǎn)木馬(carousel)，輸入提示(typeahead)，等等。
Bootstrap已經(jīng)足夠強(qiáng)大，能夠?qū)崿F(xiàn)各種形式的 Web 界面。為了更加方便地利用Bootstrap進(jìn)行開發(fā)，很多工具和資源可以用來配合使用，下面列舉了其中的一部分工具和資源。
jQuery UI Bootstrap —— 對(duì)于jQuery和Bootstrap愛好者來說這是個(gè)非常好的資源，能夠把 Bootstrap的清爽界面組件引入到j(luò)Query UI中。
jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主題類似，這是一個(gè)為jQuery Mobile建立的主題。如果你想讓用Bootstrap開發(fā)的網(wǎng)站在手機(jī)端也可以優(yōu)雅訪問，那么這個(gè)資源對(duì)你來說很方便易用。
Fuel UX —— 它為Bootstrap添加了一些輕量的控件。Fuel UI 安裝，修改，更新以及優(yōu)化都很簡(jiǎn)單方便。
. —— Bootstrap提供了自己的幾種界面風(fēng)格，提供了更多的配色選項(xiàng)，并且你可以給每個(gè)組件都應(yīng)用不同的配色。
—— 利用這個(gè)工具你可以立刻查看主題修改后的效果。對(duì)于每一次變動(dòng)的效果，這個(gè)應(yīng)用都會(huì)生成一個(gè)*的URL方便你與他人分享，你也可以在任意時(shí)刻修改你的主題。
—— 提供大量免費(fèi)的Bootstrap主題。
Bootsnipp —— 在線前端框架交互組件制作工具，是一個(gè)供給設(shè)計(jì)師和開發(fā)者的基于Bootstrap HTML/CSS/ 架構(gòu)的免費(fèi)元素。
LayoutIt —— 通過界面拖放生成器簡(jiǎn)便快捷地創(chuàng)建基于Bootstrap的前端代碼。通過拖放動(dòng)作將Bootstrap風(fēng)格的組件加入到你的個(gè)人設(shè)計(jì)里并且可以方便地修改他們的屬性，......
前端開發(fā)框架有哪些
1. Bootstrap Boostrap絕對(duì)是目前*用得最廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計(jì)工具包，可以用來開發(fā)跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件，柵格系統(tǒng)以及一些常用的插件。 Bootst...
前端框架用哪個(gè)好
1、flex
Apache基金會(huì)今天發(fā)布了Flex 4.8版本，這是Adobe將Flex捐獻(xiàn)給Apache基金會(huì)后發(fā)布的*個(gè)版本。
需要注意的是，F(xiàn)lex目前還在孵化階段，還不是Apache的正式項(xiàng)目，F(xiàn)lex 4.8也不是一個(gè)正式的Apache版本。
Apache稱，該版本標(biāo)志著Flex新時(shí)代的開始，F(xiàn)lex的未來將由社區(qū)來驅(qū)動(dòng)，而不是由一個(gè)公司驅(qū)動(dòng)。開發(fā)者可以通過貢獻(xiàn)代碼，來幫助改進(jìn)Flex，如修復(fù)bug、增加功能等。
從賣給Adobe，然后又捐給apache，不知道搞什么名堂。不過還好沒有經(jīng)過大幅重構(gòu)，否則就真的是悲哀了！
2、extjs
ExtJS是一種主要用于創(chuàng)建前端用戶界面，是一個(gè)基本與后臺(tái)技術(shù)無關(guān)的前端ajax框架。
功能豐富，無人能出其右。
無論是界面之美，還是功能之強(qiáng)，ext的表格控件都高居榜首。
華麗的界面，靈活的功能，還有開發(fā)工具都是配套的，但有個(gè)*的問題，用就得花錢！
3、easyui
easyui幫助你構(gòu)建你的web應(yīng)用更加容易。
它是一個(gè)基于jquery的插件，開發(fā)出來的一套輕量級(jí)的ui框架，非常小巧而且功能豐富。
但是她有一個(gè)*的問題就是代碼只能找到以前的開源的版本，到了1.2以后的版本源代碼都是經(jīng)過混淆的，如果遇到問題修改起來會(huì)非常麻煩！不過一個(gè)比較大的優(yōu)勢(shì)是開源免費(fèi)，并且界面做的還說的過去！
4、MiniUI
又一個(gè)基于jquery的框架，開發(fā)的界面功能都很豐富。
jQuery MiniUI - 快速開發(fā)WebUI。
它能縮短開發(fā)時(shí)間，減少代碼量，使開發(fā)者更專注于業(yè)務(wù)和服務(wù)端，輕松實(shí)現(xiàn)界面開發(fā)，帶來絕佳的用戶體驗(yàn)。
使用MiniUI，開發(fā)者可以快速創(chuàng)建Ajax無刷新、B/S快速錄入數(shù)據(jù)、CRUD、Master-Detail、菜單工具欄、彈出面板、布局導(dǎo)航、數(shù)據(jù)驗(yàn)證、分頁表格、樹、樹形表格等典型WEB應(yīng)用系統(tǒng)界面。
界面做的挺不錯(cuò)，功能也挺豐富，但是有兩個(gè)比較大的問題，一個(gè)是收費(fèi)，一個(gè)是沒有源碼，說白了，不開源！基于這個(gè)開發(fā)如果想對(duì)功能做擴(kuò)展就需要找他們的團(tuán)隊(duì)進(jìn)行升級(jí)！
5、jQuery UI
jQuery UI 是一套 jQuery 的頁面 UI 插件，包含很多種常用的頁面空間，例如 Tabs（如本站首頁右上角部分） 、拉簾效果（本站首頁左上角）、對(duì)話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等等非常多的內(nèi)容。
功能非常全面，界面也挺漂亮的，可以整體使用，也可以分開使用其中的幾個(gè)模塊，免費(fèi)開源！
6、DWZ
DWZ富客戶端框架(jQuery RIA framework), 是*人自己開發(fā)的基于jQuery實(shí)現(xiàn)的Ajax RIA開源框架.
設(shè)計(jì)目標(biāo)是簡(jiǎn)單實(shí)用,快速開發(fā),降低ajax開發(fā)成本。
歡迎大家提出建議，我們將在下一版本中進(jìn)一步調(diào)整和完善功能．共同推進(jìn)國內(nèi)整體ajax開發(fā)水平。
畢竟是國產(chǎn)的，支持一下，而且源碼完全公開，可以選擇一下！不過性能怎么樣不敢確定！
7、GWT
Google 網(wǎng)頁工具包——GWT 提供了一組基于Java語言的開發(fā)包，這個(gè)開發(fā)包的設(shè)計(jì)參考Java AWT包設(shè)計(jì)，類命名規(guī)則、接口設(shè)計(jì)、事件監(jiān)聽等都和AWT非常類似。熟悉Java AWT的開發(fā)者不需要花費(fèi)多大的力氣就能夠快速的理解GWT開發(fā)工具包，將更多地時(shí)間投入到GWT應(yīng)用的開發(fā)過程中。
你不用......
web前端開發(fā)框架有哪些
bootstrap是twitter出的一款不錯(cuò)的UI框架，或者與其說是框架不如說是類庫（lib），當(dāng)然這里邊牽扯到一個(gè)“究竟什么是框架什么是類庫？”的問題，我們暫時(shí)不談。畢竟是有大公司背景的代碼堆，我覺得沒什么“落伍”可言。
angular是前兩年之內(nèi)突然火得一塌糊涂的一個(gè)fe框架，這個(gè)我覺得可以算的上是真正意義上的框架了，MVVM雙向綁定，包括它擁有足夠完善的社區(qū)、生態(tài)，甚至chrome上都有很多好用的相關(guān)插件（這一點(diǎn)可以說是占了google出品的光），比較完整的大型項(xiàng)目都是可以考慮引入的。但如果你的網(wǎng)站只是做一些輕量級(jí)的東西，殺雞焉用宰牛刀吧我覺得。
backbone主要針對(duì)的MVC中的M層，至少我是這么理解的。對(duì)UI層它幾乎沒什么太多的限制，一方面給出了coder自由度進(jìn)行發(fā)揮，另一方面也等于在這方面框架本身對(duì)開發(fā)沒提供什么太大的幫助。我覺得這更像是一個(gè)高手向的框架，另外對(duì)于前端模板那一套東西，說實(shí)話作為一名php java啥都能寫的FE我始終覺得這套東西有那么一種純JS工程師的一廂情愿的意味。這是個(gè)人看法了，不一定準(zhǔn)確，況且有人會(huì)搬出ajax動(dòng)態(tài)渲染時(shí) 前端模板的作用來反駁我，別急著反駁，至少往下看完我說的話。
相比之下，react可以說是一個(gè)在MVC中V層做的十分出色和新穎的框架了，獨(dú)特的jsx編譯機(jī)制就已經(jīng)讓你的代碼變得高大上了，我是覺得這個(gè)類庫在UI層做的更徹底更專業(yè)，或者說讓FE的代碼更專業(yè)了。更何況，react比angular更年輕，而且同樣擁有大公司背景，react native一出更是讓JS工程師的地位取得了革命性的提升，（不要跟我提phonegap，用過兩個(gè)東西后你會(huì)明白，react打包的app性能甩phonegap幾條街沒問題）。另外既然樓主提到了之前的網(wǎng)站是bootstrap，不妨可以看一看react-bootstrap這個(gè)東西，或許這就是你想要的。
前端框架的作用
作用
解決了原始html，css，js的UI與數(shù)據(jù)狀態(tài)之間同步的難題，避免了大量的操作DOM代碼。
使用了React，Angular和Vue，我們只需要定義一次 UI 界面，不再需要為每個(gè)操作編寫特定的 UI 代碼，同時(shí)，每個(gè)相同的狀態(tài)均有相同的輸出：當(dāng)狀態(tài)改變后，框架自動(dòng)更新（對(duì)應(yīng)的）視圖。
簡(jiǎn)單來說，前端框架就是已經(jīng)搭建好了的web前端基本架構(gòu)并且封裝了一些功能比如html文檔操作，漂亮的各種控件等，一般用于簡(jiǎn)化網(wǎng)頁設(shè)計(jì)。當(dāng)我們選擇好某個(gè)前端框架進(jìn)行項(xiàng)目開發(fā)時(shí)，只要添加自己需要的東西，就可以快速高效的完成網(wǎng)頁的設(shè)計(jì)
分類
vue.js
優(yōu)點(diǎn)：更輕量，單頁面，簡(jiǎn)單易學(xué)
缺點(diǎn)：不支持IE8
Angular
優(yōu)點(diǎn)：模塊化功能強(qiáng)大、自定義directive非常靈活、雙向數(shù)據(jù)綁定，依賴注入
缺點(diǎn)：比較笨重，學(xué)習(xí)成本高，不兼容IE6/7
react
優(yōu)點(diǎn)：速度快、跨瀏覽器兼容、單向數(shù)據(jù)流、兼容性好
缺點(diǎn)：并不是一個(gè)完整的框架，需要加上和Flux才能完成。
