當前位置:首頁 » 網頁前端 » 前端mvc
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端mvc

發布時間: 2022-02-06 12:49:35

1. 前端開發MVC是什麼意思,誰能通俗的解釋下呢

應該類似java框架裡面的mvc,主要還是將頁面的代碼分層,頁面顯示HTML(V) + 事件控制(C)+數據模型 +(M),其中c和m都是JS,也就是所謂dom編程

2. 什麼是前端mvc,MVVM,MVP哦.弄得我頭暈

所以你可以說MVVM是MVC的一種。但是缺少了MVC中間的C部分。怎麼說了,說好聽點,是想為你省事,幫你做了點你不需要的東西,但這個新東西,總要有個概念,好方便按照他的約束來玩。所以多出新名詞。
說難聽點,沒事找事。
這如同,有人說堅持,B/S不是C/S,這不算裝B。但是說B/S和C/S沒有隸屬關系,B/S不能稱為一種C/S的模式,就是裝B了。
你搞清楚MVC先,然後搞清楚後面的名詞,和前面的名詞差別。別反過來學習。否則會郁悶的。

3. 如何設計一個自己的前端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 框架的實現,對應用程序開發周期的縮短,開發成本的降低,應用程序後期的維護都會有很大的幫助。

4. MVC前端一般用什麼框架比較多

展示給用戶的用View展示,對數據的處理應該放在Controller里完成

比如客戶端的測試啊、js的小模版庫啊、界面插件啊、html5的localstorage實現的小資料庫啊、2d繪圖庫啊,都可以找到。

5. 前端跟後端的MVC架構有什麼不同

相對而言,後端的特點,能訪問資料庫,頁面是整個刷新掉的。而前端的特點,只能緩存伺服器給的數據,界面需要局部更新來保證用戶體驗。
這兩個差別導致 Model 跟 View 的關系大相徑庭。一個結果就是前端數據界面的綁定相對嚴重。

6. 求問移動框架和前端mvc框架的區別

zepto.js多用在移動端是因為他能夠對移動端的操作做出完美的響應,比如:劃屏,touch操作。它的出力點在於『如何讓移動端用戶體驗更好』
angular和reactjs是用在構造single page application(單頁面應用),屬於前端MVC中的V,他是為了解決前端結構日益復雜的問題,形成一種組件化思想,提高代碼復用。
他們的區別就是:『為了解決不同的問題』

7. 前端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。

8. mvc和mvvm是前端還是後端

你這個說法其實不嚴密,MVC這種三層結構本身與前後端無關,僅僅前端自己,也可以用MVVM三層來實現,像React、Vue都是這樣的。
如果你是從整個服務角度宏觀來看的話,MVC裡面的M和C在後端,V在前端;MVVM中的M和VM在後端,V在前端(也有人認為VM不一定在後端,我傾向於VM和M的關系更緊密,實現也一般都在後端)

9. 怎樣深入了解和學習前端 MVC 架構

MVC對前端項目來說有點無厘頭的,不是不可以說,只是說了也沒太大意義。其實從事件驅動的角度看待前端開發更自然,也往往也更有效。前端代碼架構的核心是事件流而不是數據流。理解Observable和EventEmitter比Controller,Model更重要。我在 遠標ITjob培訓 的時候老師這方面指導的比較多

10. 前端框架和mvc框架的區別

前端框架是專門寫前端的,比如一個前端框架,一部分負責前台的布局結構(html),一部分樣式(css),一部分行為(js、jq);mvc是一種設計思想,就是讓結構,表現,行為互相分離。