位置: 编程技术 - 正文

浅谈使用MVC模式进行JavaScript程序开发(使用mvc模式设计的web应用程序)

编辑:rootadmin

推荐整理分享浅谈使用MVC模式进行JavaScript程序开发(使用mvc模式设计的web应用程序),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:浅谈使用mvc模式的意义,浅谈使用mvc模式的意义,浅谈使用mvc模式的利弊,使用mvc模式有什么优点,mvc模式作用,浅谈使用mvc模式的优缺点,浅谈使用mvc模式的优缺点,浅谈使用mvc模式的优缺点,内容如对您有帮助,希望把文章链接给更多的朋友!

随着前台开发日益受到重视,客户端代码比重日益增加的今天,如何在javascript开发里应用MVC模式,这个问题似乎会一直被提到,所以偶在这里粗略的谈一下自己的看法吧。

MVC模式的基本理念,是通过把一个application封装成model, view和controller三个部分达到降低耦合,简化开发的目的。这么说很空洞,大家可以实际看个例子:

这个小程序会把你从下拉菜单"selAnimal"中选择的动物能做什么事回显到网页上。以上是没有应用任何设计模式和编成思想写出的代码。如果要在这里应用MVC模式,代码又会变成怎样的呢?

……突然一下代码变得好夸张e....——偶都还没有在里面实现观察者模式呢...实在太不良好了。

这样就带出了MVC模式最大的诟病:在简单的系统中应用MVC模式,会增加结构的复杂性,并且降低效率。

浅谈使用MVC模式进行JavaScript程序开发(使用mvc模式设计的web应用程序)

所以偶觉得除了少数javascript控件,比如click-anywhere-to-edit datagrid/tree control, 或者FckEditor/tinyMCE这样的支持自定义plugin的富文本编辑器非常适合应用MVC之外,在大多数的实用B/S系统中,javascript开发只要遵循工厂模式就足够让你受益匪浅了。这是由于前端开发和后段开发的性质不同引起的。如果在ASP.net或者JSP项目中应用MVC模式,SDK或多或少会自动生成一些view和controller的代码。但是javascript呢——javascript甚至连个好用的SDK都没有,虽然有不少成熟的framework,但最终还是会大大增加开发量。

与开发量相比,更加令人头疼的是效率的问题。三层之间的相互通信都是额外的开销。对于服务器端,这些通信造成的开销几乎可以忽略不计。但对于javascript这样相对低效率的语言,多几重调用和事件侦听就能明显感觉到性能的下降了。而且,因为javascrip的闭包特性,一不小心就搞出内存泄漏,这可是正宗的偷鸡不成蚀把米了...所以,对于javascript开发,适度开发可能比应用你所学到的学术知识更重要,毕竟前端开发是以解决实际问题为基础,而不是为了炫技。当然,Dflying gg有句话叫“重构无处不在”——如果你觉得你自己的代码越来越乱,维护起来越来越困难,那么,你就该考虑是不是该用MVC重构一下了~

再额外的说一句:是不是整个前端开发就不必使用MVC了呢?no no~ 其实整个前端开发就是一个大大的MVC架构啊——

Model: HTML/XHTML中的信息View: Style sheetController: EMAScripts等等脚本这不正是web标准的最终目的么....

所以,把握好整个前端代码的结构,永远比在javascript开发中过量应用设计模重要的多!

不过,也有一些优秀的MVC框架,对此西雅图的一位黑客和设计师Gordon L. Hempton做了一下对比,这里我们拉过来看一下:

1. Backbone.js——优点:强大的社区,强劲的势头;缺点:抽象较弱,很多功能亟待增加。2. SproutCore——优点:对绑定的支持,可靠的社区,大量特性;缺点:过度规范,难以和不需要的特性解耦。3. Sammy.js——优点:易于学习,更容易和现存的服务端应用程序整合;缺点:过于简单,无法应用于大型应用程序中。4. Spine.js——优点:轻量级,文档很完备;缺点:它的核心概念“spine”是异步的用户界面,这意味着理想状况用户界面永远不会发生堵塞,而这个基础有缺陷。5. Cappuccino——优点:大型深思熟虑后的框架,良好的社区,很棒的继承模型;缺点:由iOS开发者创建,使用JavaScript模拟Objective-C。6. Knockout.js——优点:对绑定的支持,完备的文档和教程;缺点:绑定语法拙劣,缺少统一的视图组件层级关系。7. Javascript MVC——优点:可靠的社区;缺点:基于字符串的继承模型很差,控制器与视图关系过密而缺少绑定。8. GWT(Google Web Toolkit)——优点:全面的框架,良好的社区,可靠的基于Java的组件继承模型;缺点:可能无法经受时间的考验,另外,Java在客户端上的抽象有些笨拙。9. Google Closure——优点:很好的基于组件的UI组合系统。缺点:缺少UI绑定支持。. Ember.js——优点:很丰富的模板系统,拥有复合视图和UI绑定;缺点:相对较新,文档不够完备。. Angular.js——优点:对模板范围和控制器设计有很好的考虑,拥有依赖注入系统,支持丰富的UI绑定语法。缺点:代码的模块性不强,视图的模块化也不够。. Batman.js——优点:代码清晰,绑定、持久化的方法简单;缺点:使用了单例控制器。

详解 javascript中offsetleft属性的用法 此属性可以返回当前元素距离某个父辈元素左边缘的距离,当然这个父辈元素也是有讲究的。(1).如果父辈元素中有定位的元素,那么就返回距离当前

谈谈对offsetleft兼容性的理解 关于此属性的基本用法可以参阅offsetleft属性用法详解一章节。此属性具有一定的兼容性问题,那就是在IE7浏览器中,它的返回值是想对于最近的父辈元

轻松实现javascript数据双向绑定 双向数据绑定指的是当对象的属性发生变化时能够同时改变对应的UI,反之亦然。换句话说,如果我们有一个user对象,这个对象有一个name属性,无论何

标签: 使用mvc模式设计的web应用程序

本文链接地址:https://www.jiuchutong.com/biancheng/383719.html 转载请保留说明!

上一篇:每天一篇javascript学习小结(基础知识)(每天一篇日记)

下一篇:详解 javascript中offsetleft属性的用法(javascript.)

  • 购买免税产品的app
  • 增值税进项税抵扣时间
  • 营业税加收滞纳金的规定
  • 公司用的口罩放哪个科目
  • 交车险代收的车船费怎么做的科目呀?
  • 其他应付款为负数
  • 测距仪计入什么科目
  • 企业所得税包含哪些税种
  • 回单结算卡丢失了严重吗
  • 附加免税额是什么
  • 增值税发票在邮寄途中丢了怎么办
  • 承兑汇票转出
  • 冲销暂估入库
  • 给客户现金回款怎么写
  • 房租收入应该计入什么会计科目
  • 别人开业送的花怎么说
  • 工厂投产前的准备工作有哪些
  • 农产品收购发票是普票还是专票
  • 银行利息收入确认时间会计与税法的差异
  • 施工企业已完工程成本如何结转
  • 补助及救济费用
  • 河北省东光县是哪个城市
  • 当月增加的投资性房地产当月提折旧吗
  • 房屋抵债如何确定契税计税依据?
  • 未达账项做完调节表后怎么处理?
  • 购买设备属于经营性现金流出吗
  • 滴滴出行电子发票备注怎么写
  • 内部职工销售佣金计入
  • 收到场地租赁费入什么科目
  • 无偿赠送的原材料怎么处理
  • hptasks.exe是病毒吗 是什么进程 hptasks进程说明
  • win10哪个版本流畅兼容性好
  • launcheflc.exe什么意思
  • 理财计算收益公式
  • 出口企业免抵退不得抵扣进项
  • 缴纳住房公积金分录
  • 芬迪flow
  • 外商投资企业采用交易发生日的即期汇率
  • 银行贷款利息已划转支付
  • 发票多久过期不能开
  • 人力资源外包可以去吗
  • 微信小程序封掉了怎么办
  • k8s kubelet
  • 爱上源码,重学Spring IoC深入
  • 物业管理可以开保洁发票吗
  • 纳税人提供技术开发服务
  • 房地产销售折扣
  • 营业执照类型的区别是什么
  • 出纳对现金的收付应该怎么做
  • rust编程指南
  • 弥补亏损的会计分录是怎样的
  • sql存储过程使用
  • 个人所得税劳务所得
  • 饭馆增值税
  • SQL Server实时同步更新远程数据库遇到的问题小结
  • 税控技术服务费怎么做账
  • 残保金未交,滞纳金怎么算
  • 财务软件怎样和银行对账
  • 委外研发费用如何入账
  • 财务报表的一般构成要素
  • 开红字发票必须要收回原发票并作废吗?
  • 无形资产资本化加计扣除可抵扣暂时性差异
  • 外经证是在工程所在地办理吗
  • mysql数据查询慢
  • windows开机提示无法登录到你的账户
  • mac有线不能上网
  • win10双击打开文件设置方法
  • 如何解决xp系统卡顿
  • xp显示缩略图
  • Mac系统修复怎么进入
  • win10 预览版 移除 tab 栏 特性
  • unity调用android方法
  • Unity3D游戏开发标准教程
  • 环境篇心中有光的作文
  • 嗌中怎么读
  • 安装两个linux
  • 深入理解javascript
  • js有几种模式
  • 车辆购置税怎样交
  • 税务机关宣传
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设