OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

JavaScript的MVC模式向导


分享到


分类 JS学习   发布 andrewleeson  1395588987000
注意 转载须保留原文链接,译文链接,作者译者等信息。  

多年来,我总结出了一些MVC在Web应用中的规则。这些规则对我帮助很大,且避免了大型代码库陷入混乱。可能术语上不同,但这些规则对于诸如Backbone和Ember的大多数客户端MVC框架来说都是有用的。

一些框架在MVC的命名约定中有所不同,且在关注点的分离上也稍有不同。在这个文档中,controllers(控制层)是models(模型层)和views(视图层)的粘合剂,views(视图层)是HTML模板,models(模型层)仅单纯处理数据存储、检索和装饰。这与Backbone和Spine的术语基本相同。Ember有着类似的定义,不过在分离DOM访问控制层逻辑上更深入了一步。

控制层

  • 控制层是模型层和视图层的粘合剂。处理大部分逻辑问题甚至管理问题。保持瘦控制器
  • 任务父子控制器之间的通信均应使用事件(不要通过父控制器的实例来传递)
  • 应该只知道其子控制器
  • 应该限制单个元素,不要访问或修改DOM的其它部分
  • 应该有唯一的类名且所有与控制器有关的CSS均应由这个类名来命名空间。
  • 即使元素没有被附加到DOM树上,控制器也应该要工作。对于测试和验证控制器是否在正确的范围内,这个方法非常有效。
  • 在对子元素发射事件时,应该是可测试的。
  • 在没有不良反应的任何时候都应该有能力被重新调用
  • 不要用DOM来存储状态——将所有视图的指定状态以实例属性的方式存储在控制器

视图层

  • 除了流控制和辅助功能外,应该减少逻辑性
  • 当需要直接渲染时,应该让所有数据都通过。在当前的域内,所有的数据都应该有效。

模型层

  • 应该纯粹地与数据、操作数据和装饰数据关联
  • 绝不访问控制层或视图层
  • 绝对访问或返回DOM结点
  • 在运行时,应该只能访问或请求其它的模型
  • 应该将XHR连接与程序的其余部分抽象开来
  • 应该包含所有数据验证

Router实例

  • 尽可能的减少逻辑性
  • 不应该知道或访问DOM

全局状态

  • 你应该使用一个模块系统,不管是CommonJS、AMD、ES6模块,或其它相同的模块
  • 永远不要设置或访问全局变量

模块

  • 你应该使用一个模块系统,不管是CommonJS、AMD、ES6模块,或其它相同的模块
  • 永远不要设置或访问全局变量

结语

本模式向导作为一份流动文档,在使用者遇到错误和获得经验的过程中不断完善。本文档的主要目的在于能让读者写出统一简洁的代码。如果您对本文档有任何建议,请联系@maccaw


原文地址: 点此
社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. JSON为王,为什么XML会慢慢淡出人们的视野
  2. 为什么你写的Python运行的那么慢呢?
  3. 什么是最好的编程语言?(怎样才能爱上编程呢?)
  4. 该不该闭合这些元素?曾经〈br/〉的写法是错误的
  5. 使用简单的JavaScript,我们为什么应该抵制ES6
  6. 快乐Node程序员的10个习惯
  7. 用纯CSS实现的箭头
  8. 如何雇佣杰出的外包程序员
  9. 为什么优秀的管理者如此罕见
  10. HTML5版Flappy Bird,虐心游戏你能过几关
  11. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - JS学习
  1. 快乐Node程序员的10个习惯
  2. 我最喜欢的jQuery插件模板
  3. Javascript模块化编程:AMD规范及require.js用法
  4. 编写更好的jQuery代码的建议
  5. Node初学者入门,一本全面的NodeJS教程
  6. JS学习:JavaScript的核心
  7. JavaScript教程:Airbnb代码规范
  8. 理解JavaScript中的Event Loop
  9. 通过javascript把图片转化为字符画
  10. [译] JavaScript 开发者经常忽略或误用的七个基础知识点

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号