当前位置:首页 » 网页前端 » 前端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是一种设计思想,就是让结构,表现,行为互相分离。