1. web前端開發框架有哪些
常見的web前端開發框架如下：
1、Bootstrap：
主流框架之一，Bootstrap 是基於 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發更加快捷。
2、html5-boilerplate：
該框架可以快速構建健壯，且適應力強的web app或網站。
3、Meteor：
Meteor是新一代的開發即時web應用的開源框架，它能在較短時間內完成開發。
4、Materialize：
基於材料設計的現代化響應式前端框架。可提供默認的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發人員提供流暢的體驗。
5、Amaze UI：
國內首個開源HTML5跨屏前端框架產品系列，中文排版支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架Amaze UI Touch以及針對跨屏HTML5網頁開發的Amaze UI Web。
(1)web頁面控制用js什麼框架擴展閱讀：
web框架程序的作用：
Web框架使得在進行Web應用開發的時候，減少了工作量。Web框架主要用於動態網路開發，動態網路主要是指現在的主要的頁面，可以實現數據的交互和業務功能的完善。
使用Web框架進行Web開發的時候，在進行數據緩存、資料庫訪問、數據安全校驗等方面，不需要自己再重新實現，而是將業務邏輯相關的代碼寫入框架就可以。也就是說，通過對Web框架進行主觀上的「縫縫補補」，就可以實現自己進行Web開發的需求了。
以PHP為例，PHP可以在apache伺服器上進行Web開發，而不必使用框架。使用PHP進行開的時候，在不適用框架的情況下，資料庫連接就需要自己來實現，頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。
參考資料來源：網路-前端開發
2. 前端框架有哪些
1、Bootstrap是最流行的前端開發框架，可以讓不是前端工程師也能開發出優美的頁面，更加快捷、方便的開發web頁面和移動端應用。也能開發響應式web頁面，上手也非常快。
中文官網：http://www.bootcss.com/
3. web前端主流框架主要有哪些
1、vue-element-admin
一個基於vue2.0和Element的控制面板UI框架，這是使用vue技術棧開發的前端程序員的首選管理系統模板，模板已經非常成熟，並且有相關的社區和維護人員，開發時遇到問題也不要慌。
2、AdmianLTE
非常流行的基於Bootstrap 3.x的免費後台UI框架，這是一個非常老牌的後台管理系統模板，每個頁面都是單獨的html網頁，適合前端入門新手來做項目。
3、Gentelella
Gentelella是一個可免費使用的Bootstrap管理界面模板，使用群體比較廣泛。這個模板使用默認的Bootstrap 3的樣式，還有一系列功能強大的JQuery插件和工具，可以快速創建管理界面模板或者後台的Dashboard。
7：material-dashboard
基於 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material
Bootstrap Admin，其設計靈感來自谷歌的 Material Design 。
8：d2-admin
D2Admin 是一個完全 開源免費 的企業中後台產品前端集成方案，基於 vue.js 和 ElementUI 的管理系統前端解決方案 ，小於 60kb的本地首屏 js 載入,已經做好大部分項目前期准備工作
9：vuestic-admin
vuestic-admin管理台儀表盤是一個響應式的儀表盤模板，採用Bootstrap4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件，如地圖，聊天，個人資料卡，圖標，進度條等，以及用於登錄和注冊的預建頁面。
親愛的小夥伴，你對前端技術感興趣嗎？尚學堂前端學院帶著驚喜大禮來了！動動小手加入我們：網頁鏈接，不僅有志同道合的朋友，指導人生的老師，更有看不完的技術教程隨你挑！國慶期間報班成功，更有意想不到的優惠大禮包等你哦~心動就馬上行動過起來吧！
北京校區10月前端開班計劃：
開班時間：2020.10.19
優惠活動：
1、報名立減1010元；
2、兩人及以上團報每人優惠815元；
3、提前預報名預約座位；
4、開課免費試學3周。
備註：活動僅限參加10月班級，11月活動敬請期待！
4. web前端主流框架主要有哪些
1、Bootstrap
AUI是最近流行起來的，作者聲稱是專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題，是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易於擴展使用。遵循Google Material設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。AUI是使用MIT License授權，你可以復制、出售。目前最新版本2.0。
8、Amaze UI
這是稱為妹子UI的開源框架，據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，妹子UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。
9、Frozen UI
Frozen UI是一款開源，簡單易用，輕量敏捷的移動端框架。基於手Q樣式規范，目前全面應用於企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然，根據網友反映，也存在大大小小的bug。不過總體來說，還是值得一用的。奇怪的是，Github上顯示的最後更新時間是一年前，難道已經沒人維護了嗎？
# 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 recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos
還有一個相似的命令 df（Disk Free），使用df會返回有關可用磁碟空間的各種信息。
5. .JS有哪些框架_js有哪些框架
Dojo、Prototype、yui-ext、Jquery、Mochikit、mootools、moo.fx。
簡介：js框架就是將常用的方法進行封裝，方便調取使用。
Dojo：Dojo是一個用javascript語言實現的開源DHTML工具包。它是在幾個項目捐助基礎上建立起來的(nWidgets,Burstlib,f(m)),這也是為什麼叫它a"unified"toolkit的原因。Dojo的目標是解決開發DHTML應用程序遇到的那些，長期存在、歷史問題(historicalproblemswithDHTML)。跨瀏覽器問題。
：是在javascrīpt程序庫prototype之上構建的，能提供Ajax支持，主枝伏要致力於提供高交互性可視化組件，提升Ajax應用層次。在HTML頁面中需要引用prototype和scrīptaculous程序庫。scrīptaculous中的視覺特效可應用於任何DOM元素，不管元素是什麼顯示類型，它都夠工作。要應用一個特效，需要創建一個Effects特定方法的新實例，然後將要更新的元素作為參數傳入。scrīptaculous實現把拖放組件分成兩個部分，也可以使某個元素能夠拖動，但不必為其提供一個放的位置。創建一個Draggable類的實例，將要支持拖動操作的元素及相關選項傳入。
Prototype：在JavaScript中，prototype對象是實現面向對象的一個重要機制。每個函數就是一個對象(Function)，函數對象都有一個子對象prototype對象，襲蔽類是以函數的形式來定義的。prototype表示該函數的原型，也表示一個類的成員的集合。
Jquery：jQuery是一套跨瀏覽器的JavaScript庫，簡化HTML與JavaScript之間的操作。由JohnResig在2006年1月的BarCampNYC上發布第一個版本。目前是由DaveMethvin領導的開發團隊進行開發。全球前10000個訪問最高的網站中，有59%使用了jQuery，是目前最受歡迎的JavaScript庫。
mootools：MooTools是一個簡潔，模塊化，面向對象的開源JavaScriptweb應用框架。它為web開發者提供了一個跨瀏覽器js解決方案。在處拍搭州理js、css、html時候。
6. web前端常用的框架有哪些
現在比較常用的主流框架有Vue、React、Angular。
Angular
Angular原名angularJS誕生於2009年，之前我們都是用jquery開發，自從angular的出現讓我們有了新的選擇，它最大的特點是把後端的一些開發模式移植到前端來實現，如MVC、依賴注入等，創新式的雙向數據綁定不知簡化了我們多少代碼，讓我們為之瘋狂，特別是表單處理方面，從此名聲大噪。
好的框架一般會有兩個結果，一個繼續不斷更新迭代，避免被拍死在沙灘上，一個是被一些大公司收購煥發第二春，angular屬於後者被google所收購，且從2.0後改名angular並使用微軟的typescript作為開發語言，目前最新版本8.0，照說傍上google與微軟這兩條大船，前途應該不可限量才對，然而造化弄人，現在angular的市場份額已經被React這個後起之秀和Vue這顆新星遠遠地甩到腦後。
React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益於其創新式的VirtualDOM，性能上碾壓angularJS，一經推出，火的一塌糊塗。 特點很多，VirtualDOM、JSX、Diff演算法等，支持ES6語法，採用函數式編程，門檻稍高，但也更靈活，能讓開發具有更多可能性。
Vue
Vue作為最後推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數據綁定、diff演算法、響應式屬性、組件化開發等）並做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。網上有很多人說Vue不適合做大型項目，純屬扯淡，Vue在這方面已經優化得很好，當然，大量的響應式屬性（監聽屬性）也許會用一定的性能損耗，但在硬體、網路大力發展的今天，這些細微的性能差異幾乎感覺不到。
7. Web前端的主流框架有哪些
今天小編要跟大家分享的文章是關於Web前端的主流框架有哪些?近幾年以來、IT行業發展火熱、衍生了很多新職業、Web前端工程師也是其中之一。那麼你知道Web前端的三大主流框架是什麼呢?下面來和小編一起看一看吧！
一、Web前端三大主流框架是什麼
(一)React：
1.聲明式設計：React採用聲明範式，可以輕松描述應用。
2.高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。
3.靈活：React可以與已知的庫或框架很好地配合。
優點：
1.速度快：在UI渲染過程中，React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標准化的API，甚至在IE8中都是沒問題的。
3.模塊化：為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
4.單向數據流：Flux是一個用於在JavaScript應用中創建單向數據層的架構5.同構、純粹的javascript：因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助於搜索引擎優化。6.兼容性好：比如使用RequireJS來載入和打包，而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點：React本身只是一個V而已，並不是一個完整的框架，所以如果是大型項目想要一套完整的框架的話，基本都需要加上ReactRouter和Flux才能寫大型應用。
(二)Vue：
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫，准確來說不是一個框架，它聚焦在V(view)視圖層。
它有以下的特性：
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點：
1.簡單：官方文檔很清晰，比Angular簡單易學。
2.快速：非同步批處理方式更新DOM。
3.組合：用解耦的、可復用的組件組合你的應用程序。
4.緊湊：~18kbmin+gzip，且無依賴。
5.強大：表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
缺點：
1.新生兒：Vue.js是一個新的項目，沒有姿滾angular那麼成熟。
2.影響度不是很大：google了一下，有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。
(三)Angular：
Angular是一款優秀的前端JS框架，已經被用於Google的多款產品當中。
它有以下的特性：
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點：
1.模板功能強大豐富，自帶了極其豐富的angular指令。2.是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能;3.自定義指令，自定義指令後可以在項目中多次使用。4.ng模塊化比較大膽的引入了Java的一些東西(依賴注入)，能夠很容易的寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。5.angularjs是互聯網巨人谷歌開發，這也意味著他有一個堅實的基礎和社區支持。
缺點：
1.angular入門很容易但深入後概念很多,學習中較難理解。2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出頌橋四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。5.DI依賴注入如果代碼壓縮需要顯示聲明。
二、Web前端前景與就業形勢
學習Web前端的就業面很廣，選擇的崗位有：前端開發工程師、資深前端開發工程師、網站重構工程師、前端架構師等等。雖然近兩年大數據、人工智慧等很火，野冊猛但Web前端開發依然是十分熱門的，特別是隨著谷歌、YouTube、FireFox等大型企業紛紛將視線轉向HTML5，前端開發已經進入HTML5時代，所以，Web前端在今後十年仍有很大的發展空間。據統計，我國HTML5前端工程師人員的缺口將達到10多萬，因此，Web前端工程師是一個非常有「錢」途的職業，並且薪酬會根據技能的深入而有不同程度的增長，其中北京、上海、廣州、深圳等地前端工程師的薪資待遇更是一路飆升。
以上就是小編今天為大家分享的關於Web前端的主流框架有哪些的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web前端培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師。
來源：#/news/20190318/15014378463.shtml
8. 如何選擇Node.js Web開發框架
Node.js非常適用於Web開發，但是現在無論是一個網站，還是Web App都已經成為包括很多不同部分，如前端、資料庫、業務模塊、功能模塊等等的大型項目，使用Node.js從零開始進行Web開發，也許大中型團隊能夠 勝任，但對於個人和小型團隊來說是不現實的。這時候框架就成為Web開發利器，對於個人開發來說幾乎是必不可少。那麼如何選擇Node.js Web開發框架呢？
首先，我們必須要弄清楚的是，我們需要的是——
程序 or 框架？
程序是已經成型的應用，你需要的是為它搭建環境、添加配置，然後就可以運行起來；框架則是應用的骨架，你需要為它添加塵氏冊數據模型、業務邏輯，它才能成為應用，開始提供服務。
事實上，對於Web開發來說，程序和框架的區別正越來越模糊，比如幾乎婦孺皆知的Wordpress，它是一個博客程序，但它豐富的插件以及高度的 自定義能夠支持很大程度上的二次開發，在這點上它比起一些PHP框架也並不遜色。我個人認為，如果重心在於提供服務而不是掌握技術，有WordPress 這樣的程序是沒有必要使用框架的。
可惜的是，由於Nodejs還很年輕，目前還沒有WordPress這派宏樣的程序，因此目前在Node.js開發里，如果想做出自己想要的作品，框架是必然的核團選擇。如果是某些特定類型的應用，可以嘗試一些開源的程序，比如要用Nodejs做博客，有Hexo、Ghost等。
Node.js Web框架有哪些？
Node.js里的Web框架分為API框架和Web應用框架。前者能夠開發出RESTful的API，後者也能開發出RESTful API，但還包括模板、渲染等為前端所准備的功能。
API框架的使用場景是為跨平台應用提供統一的數據模型，而渲染由前端/客戶端自行解決。目前比較知名的API框架有
restify（文檔、Github、NPM）
ActionHero.js（官網、Github、NPM）
LoopBack（官網、Github、NPM）
Frisby（官網、Github、NPM）
Fortune.js（官網、Github、NPM）
Web應用框架顧名思義，就是為了打造Web應用所開發的框架。這里有兩種風格的Web應用框架。
一個是Sinatra風格，另一個是Rails風格。Sinatra和Rails都是Ruby語言的Web框架，後者的影響力更大也更為知名。這里簡單的解釋一下兩種風格是什麼意思。
Sinatra風格是指高度可配置，注重開發的自由度。代表性的Nodejs Web框架有：
Express（官網、Github、NPM）TJ大神開發，Node.js官方推薦
hapi（官網、Github、NPM）
koa.js（官網、Github、NPM）
flaliron（官網、Github、NPM）
total.js（官網、Github、NPM）
locomotive（官網、Github、NPM）
Rails風格則是指不重復自己和約定優於配置，以及嚴格遵循MVC結構開發。代表性的框架有：
Sails.js（官網、Github、NPM）
geddy（官網、Github、NPM）
CompoundJS（官網、Github、NPM） 原railswayjs
這兩種風格無所謂誰優誰劣，全憑使用者的偏好。
而在這兩種Web框架之外，還有更大型的框架，即全棧框架，其中的代表是MEAN。
MEAN？
MEAN指MongoDB+Express+Angular.js+Node.js，這一組合包括運行環境、資料庫、Web框架和前端引擎。被稱為 全棧框架（Full-stack framework）。這其中除了Node.js之外，每一個都是可替換的，目標是創建從前端到後端，全部使用javascript的Web應用。
由於這一框架的完善性，有人將其稱為LAMP的接班人。LAMP即PHP的典型運行環境，Linux+Apache+MySql+PHP，被大量的用於各種虛擬主機上。
MEAN看似龐大，但事實上要構建完整的現代化Web應用，特別是SPA（單頁面應用），這幾個組件都是難以缺少的，並且，其中每一項幾乎都是目前 情況下的最佳選擇，因此用於學習和重頭開始打造新的Web應用是非常合適的。但由於實際業務的獨特性，很可能要替換其中的組件，比如用Mysql來替換 MongoDB，因此，學習其中的原理和架構，打造自己的類MEAN框架也是一種選擇。
作為個人和小團隊來說，全棧框架MEAN基本上足夠了，但目前大多數全棧框架還包含一項特性，那就是實時，擁有實時功能的框架我們又稱為實時框架。
實時框架好嗎？
實時框架（Real-time framework）指包含了webSocket的雙向通信功能，能夠在伺服器和客戶端做到實時通信的框架。
服務端和客戶端自由通信的需求一直都在，但由於HTTP協議本身的局限性，因此催生了Comet等變通的方法，但即使這樣也離實時相距甚遠。而當 Node.js興起後，另一個HTML5技術webSocket也漸漸成熟，人們突然發現，實時通信一下子變得觸手可及，於是webSocket技術在 Node.js中得到大量的應用，其中最為知名的模塊就是socket.io，而各種全棧框架也紛紛加入實時特性來應對更廣闊的開發需求。
目前有代表性的實時框架有：
Meteor（官網、Github、NPM）
MEAN.io（官網、Github、NPM）
Derby（官網、Github、NPM）
SocketStream（官網、Github、NPM）
不過說實話，目前能看到的實時通信的應用場景其實不多，其中大多集中於聊天室、to-do、實時圖表、在線游戲等領域。其他領域使用實時特性不但沒必要，而且是對伺服器資源的浪費。因此目前是否要採用實時框架，要看具體的項目而定。
以上基本就是Node.js Web框架的現狀了，相信看到這里，對於選擇何種框架讀者已經心裡有數了吧。最後再介紹一個容易搞混的概念，和解釋一下我的選擇。
YEOMAN？
第一次見到這個詞，我還以為它和MEAN有什麼聯系。事實上，它們是截然不同的兩個東西。YEOMAN由YO（腳手架）、grunt（構建工具）、bower（包管理器），它代表的是一種工作流，與框架開發的思維方式完全不同。具體的介紹可見這里。
YEOMAN能夠和框架達到類似的目的，都是為構建一個Web應用做好准備，但是要不要採用YEOMAN，則是見仁見智。我個人的看法是，學習 YEOMAN本身就需要不少時間，並且有一定的學習門檻。至少在目前，使用框架開發還是相對經濟的，而如果以後YEOMAN這種模式推廣開來，再來學習也 不遲，更何況有一定的Node.js項目經驗之後再來學習YEOMAN要輕松很多。
事實上，我還是很認可YEOMAN這種Generator+package Manager的模式的，這是因為Node.js本身崇尚微模塊的 概念，即無論是多麼小的功能，都將它們模塊化，甚至大的模塊也要拆分成小的模塊，然後通過搭積木的方式來構建應用。這樣能夠徹底的解耦，對於不容易調試的 Javascript來說，也有助於定位和修復應用中的問題。Generator就是這種理念催生下的產物，通過選擇不同的配置和選項，將積木搭起來。不 過對於這種模式目前大家也還處於實驗當中，不急於進行實際應用。
9. web前端框架有哪些
目前比較流行的前端框架是Angular、React、Vue、Bootstrap
如果基礎建議別看框架，先學習html、css、js（可以暫時不會寫，但必須會用），能獨立完成頁面編碼之後，再學習框架
10. web前端三大主流框架都是什麼
web前端三大主流框架都是Angular、React、Vue。
3、Vue
Vue作為最後推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數據綁定、diff演算法、響應式屬性、組件化開發等）並做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。