Marionettejs

Marionette是牵线木偶的意思,这个库是对Backbone的一次更高层次封装。这样的封装有两个目标:

减少重复的工作,提高使用Backbonejs时的生产效率
给复杂应用页面提供更多的结构,以支撑后续的扩展操作
他主要在几个方面增强Backbone:

增强的各类视图,主要是 ItemView, CollectionView, CompositeView
视图管理工具:引入了Region(区域)及Layout(布局)的功能
各类控制器:主要是Application及Controller,也实现了一个类似 Requirejs 的Module管理工具
对象-消息处理工具: 主要是扩展了 backbone.wreqr(不知道是啥) 来实现了一些消息机制:如简单的命令执行框架Commands,及请求/响应框架 RequestResponse等。
还有一些其它的特殊工具库: Router, callbacks, functions等,应该是大概是针对应用层对一些复杂情况的结构化处理

官网:

http://marionettejs.com/

Marionettejs, 一个不错的基于Backbonejs的框架:

http://blog.waterwu.me/backbonejs-based-marionettejs/

Web前端框架 Backbone.Marionette:

http://www.ituring.com.cn/article/31580

时间: 2024-10-11 07:47:00

Marionettejs的相关文章

TodoMVC中的Backbone+marionetteJS+requireJS例子源码分析之一

Marionette牵线木偶,Backbone是脊骨的意思,Marionette是基于Backbone做扩展库,可以理解为把脊骨骨架绑线扯着变成牵线木偶动起来哈哈,使backbone更易使用呵呵! 构建或者扩展了很多新的东西,如:Application,Region,ItemView,CollectionView,CompositeView,LayoutView,AppRoute,Controller等等,把很多重复性的工作变成配置,程序入口引入了集中处理器Application,貌似Mario

TodoMVC中的Backbone+MarionetteJS+RequireJS例子源码分析之三 Views

这个版本的TodoMVC中的视图组织划分比较细,更加易于理解,这也得益于Marionette为我们带来了丰富的视图选择,原生的backbone只有views,而Marionette则有itemview, collectionview, compositeview 和layoutview. js/templates.js /*global define */ define(function (require) {//这里用了简写,因为require.js是CommonJS 模块,相当于 defin

TodoMVC中的Backbone+MarionetteJS+RequireJS例子源码分析之二 数据处理

当我们使用jQuery时大部分时间是聚焦于Dom节点的处理,给Dom节点绑定事件等等:前端mvc框架backbone则如何呢? M-Model,Collection等,是聚焦于数据的处理,它把与后台数据的交互封闭好,然后我们使用时可以给数据的变化绑定事件,可以相应的去更新到Dom(这里是View) V-View(Marionette扩展了,有ItemView,CollectionView,CompositeView和LayoutView),则聚焦于处理Dom节点 C-Controller:  R

前端编程提高之旅(七)----marionette实现todoMVC

   marionetteJS是在backboneJS基础上进行更简洁的操作,平常开发主要用到几个涉及到view的概念:CollectionView.CompositeView.ItemView.LayoutView.这几个概念中,用的最广的当属ItemView.ItemView相对于backbone中view的概念方便之处在于:不用显式定义render方法,而是由ItemView本身完成将数据渲染到模板,并将视图追加到el,由此可见减少了很多流程化的操作. 同时marionetteJS还有很多