❶ 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前端框架mvc擴展閱讀：
web框架程序的作用：
Web框架使得在進行Web應用開發的時候，減少了工作量。Web框架主要用於動態網路開發，動態網路主要是指現在的主要的頁面，可以實現數據的交互和業務功能的完善。
使用Web框架進行Web開發的時候，在進行數據緩存、資料庫訪問、數據安全校驗等方面，不需要自己再重新實現，而是將業務邏輯相關的代碼寫入框架就可以。也就是說，通過對Web框架進行主觀上的「縫縫補補」，就可以實現自己進行Web開發的需求了。
以PHP為例，PHP可以在apache伺服器上進行Web開發，而不必使用框架。使用PHP進行開的時候，在不適用框架的情況下，資料庫連接就需要自己來實現，頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。
參考資料來源：網路-前端開發
❷ 對web前端開發的認識和理解,這個要怎麼回答
WEB前端是由網頁設計與製作發展而來的，隨著工作的細化，需要有人完成美工圖到網頁的製作，從而出現了WEB前端開發這個詞。WEB前端開發主要是使用HTML、CSS、JavaScript技術，將美工提供的美工圖轉化為網頁。同時，需要顧及SEO以及後台的數據。WEB前端，相當於是一個連接美工、後台以及用戶的中間平台。
❸ 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會返回有關可用磁碟空間的各種信息。
❹ 網站開發框架和web前端框架的區別,
你說的網站開發框架應該是後端開發框架，後端開發語言有多種多樣，一般多是mvc架構，而web前端框架一般是mvvm架構，所以還是有區別的。
主要區別在於後端有c層，即控制器，主要用於程序控制。而前端沒有控制器，只是實現雙向綁定。
❺ 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在這方面已經優化得很好，當然，大量的響應式屬性（監聽屬性）也許會用一定的性能損耗，但在硬體、網路大力發展的今天，這些細微的性能差異幾乎感覺不到。
❻ 前端框架和mvc框架的區別
MVC框架：前端請求-》服務端處理請求-》服務端生成HTML頁面-》響應給前段展示。
前端框架：前端請求、接收服務端數據對其進行處理。你可以明確看出，前端框架是不包含服務端處理請求功能的。
❼ web前端三大主流框架都是什麼
web前端的三大主流框架主要是React、Vue.js、Angular。
React
React框架是起源於Facebook的項目，可以輕易地解決跨瀏覽器兼容的問題，主要是通過對DOM的模擬減少與DOM的交互做到的。React的模塊化把組件進行了隔離，出現問題的時候更方便程序員對其進行修改，而且由於JavaScript，因此更有利於搜索引擎的優化。
優點：引入了一個叫作虛擬DOM的概念，運行速度快；提供了標准化的API，解決了跨瀏覽器問題、兼容性更好；代碼更加模塊化，重用代碼更容易，可維護性高。
缺點：React是目標是UI組件，通常可以和其它框架組合使用，並不適合單獨做一個完整的框架。
Vue
Vue是相對比較輕量級的框架，是通過進行雙向數據綁定來達到驅動頁面的效果，大多程序員在學習新框架的時候都會先從Vue開始。Vue比較簡單，官方文檔介紹的很清楚，可以非常快速的通過非同步批處理的方式對DOM進行更新，也能把可復用的、解耦的組件組合在一起使用，更能允許多種模塊的安裝，場景使用也更加靈活。
優點：漸進式構建能力是Vue.js最大的優勢，Vue有一個簡潔而且合理的架構，使得它易於理解和構建。Vue有一個強大的充滿激情人群的社區，這為Vue.js增加了巨大的價值，使得為一個空白項目創建一個綜合的解決方案變得十分容易。
缺點：在模型-視圖應用程序和狀態容器類型的應用程序之間的互相轉換可能會令人感到困惑；它類似於Web組件的模式，而不是真正的Web組件。
Angular
Angular擁有很好的應用程序，是一個以JavaSpript編寫的庫，模板功能也異常強大，本身就帶有豐富的Angular指令。一方面可以通過指令擴寬HTML，一方面可以通過表達式綁定數據到HTML。
優點：模板功能強大豐富並且是聲明式的，是一個比較完善的前端MVC框架，自帶了豐富的Angular指令；ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易地寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。
缺點：驗證功能錯誤信息顯示比較薄弱，需要寫很多模板標簽；ngView只能有一個，不能嵌套多個視圖；比較笨重，沒有讓用戶選擇一個輕量級的版本。
❽ 如何設計一個自己的前端MVC框架
對於一些中小型的web應用程序，為了縮短開發周期和降低開發和維護成本，往往會採用一種基本MVC開發模式的框架開發。現在市場 上的開發傳統web頁面的JavaScript框架比較多，但是專門對移動應用程序的MVC設計模式的框架比較少。所以開發一套針對移動應用程序的MVC設計模式的框架還是很有價值的。參考傳統MVC設計模式框架，移動應用框架應該實現以下幾個方面：
MVC的分離
移動應用程序中，model,view,controller得到嚴格的分離，使得應用程序的結構和開發的思路更加清晰，程序的維護更加方便。
數據的更新
Model中的數據與View中數據的雙向更新，當Model中的數據發生變化時，View中的數據隨著發生變化，當View中輸入或修改數據時，Model的數據也會發生變化，省去開發者手動操作數據的變化，避免發生錯誤。
數據的格式化
當Model中的數據需要先格式化再顯示在view中的時候，可以先進行數據格式的轉化。
數據的驗證
當view中輸入數據或者是改變數據的時候，需要驗證數據時，可以先對數據進行驗證，當驗證通過時，才賦給Model中相應的數據。
頁面管理調度
實現各個頁面之間的調度，避免由開發者實現頁面調度而產生的混亂，同時也加快程序的開發速度。
框架的實現與程序的開發離不開JavaScript庫，目前的Javascript庫的形勢也比較尷尬，一方面是傳統的web頁面javascript庫的成熟，一方面卻是針對移動端應用設計開發web應用JavaScript的相對落後，雖然也有幾款優秀的，但是相對體積比較大，而且有時候出了問題也很難跟蹤，所以有必要開發一套專門針對移動端開發的JavaScript庫，使它具有靈活，小巧，功能完善的工具集和UI組件，幫助開發移動端應用的開發者快速工發並容易維護，所以具體需求有以下幾個方面：
事件的支持
DOM2級的事件使對DOM元素的操作起到了解耦作用，在程序開發的過程中，對程序對象之間的解耦的作用，在程序開發的過程中，對對象之間的解耦也是相當必要的，所以有必要做一個統一的介面，而事件是一個不錯的選擇，而且事件在MVC設計模式的實現中佔有很重要的地位，他既可以使Model,view,controller之間分離解耦，又使他們之間存在內在聯系。
插件機制
一個好的Javascript庫，他應該有自己的靈活完善的插件機制，不僅可以為庫的開發台提供方便，也應該為開發應用程序時提供方便，針對相同的功能開發插件，避免代碼的多次開發。
頁面管理
一個移動應用程序會有很多頁面需要分級管理，這是由移動辦公設備的特性決定的，面對多級與多個頁面，需要一種機制來管理各個頁面之間的關系才而已痛苦誤會頁面的載入時機與載入方法。
動畫的功能
使用移動設置性能的提升與大量移動應用的出現，使用戶對程序的選擇更多。如果程序不能更炫更苦的表現來吸引用戶，那他將難以進入市場，而動畫就是其表現手段之一，所以有必要為開發者提供一套實現動畫的方法，使開發者可以迅速開發能吸引用戶的動畫。
手勢的支持
隨著觸摸移動設備的普及與蘋果公司在它原生 IOS 應用程序中推出了手勢操作後，人們越來越喜歡這種交互方式了。為了適應這種潮流與提升程序的競爭力，在面向移動應用開發的JavaScript庫中添加手勢的支持是有必要的。
數據的通信
作為一個信息時候的應用程序，數據通信的功能是不可或缺的。雖然 Ajax 技術提供了數據通信的相應的介面，但是如果每一次的數據通信都要開發者去創建，調用相應的介面，會出現很重復的代碼，而且效率也不高，所以有必要對 Ajax 數據通信介面進行封裝。
數據的本地化
當應用程序與後台通信取得數據的時候，有些數據是需要保存在本地的，還有一些數據的狀態，以及一些經過運算得到的數據也是需要保留在本地的。這就需要提供一種數據本地化的介面
UI 組件
開發者在開發應用程序的時候，常常會遇到一個功能相同的控制項在不現的應用程序程序中都會用到，為了提高應用程序的開發效率，縮短開發周期，有必要把一些常用的控制項抽象出來形成組件，供開發者調用
屏幕的適配
隨著移動設備的不斷更新發展，設備屏幕的尺寸與解析度越來越多樣化，這便成了跨平台應用程序「一次開發，多處運行」的最大難題。所以有必要形成一夽方案來解決這一問題。
總結
在這所有問題中，事件的擴展，插件機制，頁面的管理，MVC 設計模式的實現不僅是重點，也是難點，它們的實現具有以下價值：
事件在 web 開發中應用已經很廣泛，不過它只有在相應的 DOM 元素上才有事件，而且 MVC 設計模式的實現需要事件的驅動，所以需要擴展 DOM 事件到普通對象上，使它們具有訂閱發布消息功能，且與 DOM 事件有相同的介面。
插件機制需要代碼的高度抽象化，它是 UI 組件實現的基礎，它的實現提高了代碼的重復使用。
頁面的管理，它把應用程序按業務邏輯分解為以頁面為單位進行管理，使程序的邏輯結構更加清晰，而且它為 MVC 框架中頁面的調度實現提供了基礎。
MVC 設計模式的實現，即 MVC 框架的實現，對應用程序開發周期的縮短，開發成本的降低，應用程序後期的維護都會有很大的幫助。
❾ Web前端開發：為何選擇MVVM而非MVC
在Web中充斥著所謂的MVC框架，而在我看來，因為一些關鍵性的技術原因，MVC在Web前端開發中根本無法使用(對的，是無法，而不是不該) 。在MVC原始報告中指出：view永遠不會知道用戶輸入，比如滑鼠操作和按鍵。很顯然，在Web前端，你無法做到這一點，因為Web的程序中，用戶的輸入必須通過監聽窗口、文檔和元素上的事件來獲得。——而這些東西常常被認為是View。於是一些奇怪的認識誕生了，比如認為Controller應該是View操作Model的中介。我曾經嘗試設計一個編程模型讓所有的事件流經Controller，但是事實上我發現這樣的做法非常糟糕。——這個嘗試讓我從MVC轉向了MVVM。John Gossman（WPF的架構師）在他的文章中提到，Model/View/ViewModel中的View表示可見元素，按鈕，窗體，圖形或者GUI中更復雜的控制項，它會對快捷鍵進行編碼，並且控制項自身會管理跟輸入設備的交互——這在MVC中本該是Controller負責的（現代GUI環境中發生在Controller上的事情是很長的題外話……我傾向於認為它只是隱藏到後台了，它仍然存在，但是我們不需要像是1979年那樣考慮那麼多事情了）MVC這樣的結構的正確性在於，任何界面都需要面對一個用戶，而Controller 「是用戶和系統之間的鏈接」。在經典MVC中，Controller要做的事情多數是派發用戶輸入給不同的View，並且在必要的時候從View中獲取Editor來更改Model，而Web以及絕大多數現在的UI系統中，Controller的職責已經被系統實現了。下面的圖片說明了這樣的演進過程：總而言之，對於MVC為1979年的SmallTalk設計
界面和程序都由同一種語言編寫用戶輸入完全由程序編寫者來處理View是單純用於顯示對於MVVM為2005年的WPF設計
界面多使用標記語言，程序則使用編程語言用戶輸入經過UI系統底層處理和分發，多數以事件的形式被用戶程序所知View具有獨立性，能夠管理部分用戶輸入並且自行反應（它們常常被稱作控制項，而非視圖）作為一個Web開發者，在二者之間做出何種選擇是顯而易見的。
❿ 前端mvc框架有哪些 se
MVC：模型層（model）、視圖層（view）、控制層（controller）View：視圖用來有目的顯示數據，在視圖中一般沒有程序上的邏輯，為了實現視圖上的最新功能，視圖需要訪問它監視的數據模型。Controller：控制器調控模型和視圖的聯系，它控制應用程序的流程，處理事件並作出響應，事件不僅僅包括用戶的行為還有數據 模型上的改變。通過捕獲用戶事件，通知模型層作出相應的更新處理，同時將模型層的更新和改變通知給視圖，使得視圖作出相應改變。因此控制器保證了視圖和模 型的一致性。代表的框架有：AngularJS、BackboneJS（目前使用較多的是其View層~）、Ember.js、Javascript MVC、Knockout.js 等Backbone． js 可以靈活地解決應用中層次分離問題，並且支持持久層和 REST 同步服務、models、views、事件驅動、模板和定位等。它允許 model 修改後 View 自動更新。而且很多大型公司都使用它來構建應用，並且有非常好的社區提供支持。（Backbone． js相關~）Angular JS 是由 Google 創建的一種 JS 框架，它可以擴展應用程序中的 HTML 詞彙，從而在 Web 應用程序中使用 HTML 聲明動態內容。支持快速測試、URL 管理和分離的 MVC。