【Backbone】 Backbone初探

  前言

  在此之前研究了一段React,但是不得不承认React、Vue等MVVM框架相对于原有的Jquery来说,简直是翻天覆地的不同。它们之间的差异不仅仅体现在框架思维的不同,而是ES5到ES6的编程语言升级,还有整体构建体系的区别。Jquery仅仅代表JS作为支持语言为HTML提供更好的体验;而到React时代,JS已经反客为主,HTML甚至被JSX替换,成为其中的一小部分。不过他们之间的代差过于巨大、React体系过于抽象,在独自一人研究的前提下,学习React的曲线过于陡峭,只好转而学习Backbone。

  Backbone

  其实Bacnbone虽然不再流行,但是对于刚刚脱离Jquery阶段的前端进阶者而言,仍是一个很值得学习的框架。

  1.它轻便小巧,容易学习,能够帮助我们更快入门MVC框架。

  2.它将Model进行提炼,实现数据与视图的分离,可以让我们更专注于编辑逻辑代码。

  3.它对Model和View进行封装,能够更好实现前端代码的整合,让前端代码更加系统化。

  至于它的缺点,也有很多:

  1.太灵活,也带来了很多不便。

  2.没有进一步实现Model与View的绑定。没有实现数据的双向绑定,即:Model更新时View的渲染,以及View的操作导致Model的更新。这需要我们在View中手动实现数据绑定。

  

时间: 2024-08-01 00:05:22

【Backbone】 Backbone初探的相关文章

初探Backbone

Backbone简介 中文API:http://www.csser.com/tools/backbone/backbone.js.html 英文API:http://backbonejs.org/ Backbone是构建javascript应用程序的一个优秀的类库.他简洁.轻量级.功能实在. backbone采用MVC模式,本身提供了模型.控制器和视图从而我们应用程序的骨架便形成. backbone依赖于underscore,他是一个类库,提供了60多个函数处理数组操作.函数绑定,以及javas

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

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

Backbone.js

http://backbonejs.org/#introduction Backbone.js gives structure to web applications      by providing models with key-value binding and custom events,      collections with a rich API of enumerable functions,      views with declarative event handlin

undercore & Backbone对AMD的支持(Require.js中如何使用undercore & Backbone)

RequireJS填补了前端模块化开发的空缺,RequireJS遵循AMD(异步模块定义,Asynchronous Module Definition)规范,越来越多的框架支持AMD,像最近的jQuery,但有一些也不支持,像Backbone,那如何在RequireJS使用Backbone呢?需要使用RequireJS设置它们的一些特性:如下 require.config({ paths:{ jquery : 'jquery-1.7.2', underscore : 'underscore',

使用Backbone.js, ExpressJS, node.js, MongoDB的web应用样板工程

这是web应用的一个完整的样板工程,用到了Backbone.js & Marionette, node.js & ExpressJS,MongoDB & Moogoose, Handlebars, Grunt.js, Bower和Browserify! 我建立了一个超级基础的单页面应用程序(SPA),就是一个简单的通讯录管理器, 但麻雀虽小,五脏俱全.我写这篇文章的目的是介绍一下这个应用所用到的整个技术栈:后端,数据,前端,工具和测试.主要包括下面这些技术: 后端: node.js

【JavsScript】JavaScript MVC框架PK:Angular、Backbone、CanJS与Ember

摘要:选择JavaScript MVC框架很难.一方面要考虑的因素非常多,另一方面这种框架也非常多,而要从中选择一个合适的,还真得费一番心思.本文对JavaScript MVC框架Angular.Backbone.CanJS和Ember作了比较,供大家参考. 选择JavaScript MVC框架很难.一方面要考虑的因素非常多,另一方面这种框架也非常多,而要从中选择一个合适的,还真得费一番心思.想知道有哪些JavaScript MVC框架可以选择?看看 TodoMVC吧. 我用过其中4个框架:An

r.js压缩打包(require + backbone)项目开发文件

最近项目稳定了一点,之前一直没空关注的开发文件压缩打包问题也有时间来解决了 AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs:用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开发文件夹 build.js压缩打包配置文件,文件名可随意 ({ appDir : './', //基于build,根目录 baseUrl : './project', //基于appDir,项目目录 dir : './pro

backbone学习

backbone里很多思想都与后台有关,如果有后台语言基础的学习起来比较简单. 它是一个MVVM模型,因为我觉得前端MVVM,比MVC好理解,虽然它也是MVC,但 C的概念很模糊,因为前端mvc的c很不好理解,但mvvm就很简单. backbone很多方法都要自己new,就像你做了个模子,然后不断的印出你要的样子. backbone-Model <!DOCTYPE html> <html lang="en"> <head> <meta char

转:Backbone源码分析-Backbone架构+流程图

作者:nuysoft/高云/[email protected] 原文链接:http://www.cnblogs.com/nuysoft/archive/2012/03/18/2404274.html JSMVC职责划分 M 模型 业务模型:业务逻辑.流程.状态.规则 (核心)数据模型:业务数据.数据校验.增删改查(AJAX) V 视图 (核心)视图:定义.管理.配置 模板:定义.配置.管理 组件:定义.配置.管理 (核心)用户事件配置.管理 用户输入校验.配置.管理 C 控制器/分发器 (核心)

requirejs 初探

作为一个前端模块化设计和加载的框架,我们该好好理解下. 引用 <script data-main='.. 主文件路径,相对于要请求的页面' src='requirejs地址'>假如我们主文件时main.js 我们需要引用jquery,underscore,backbone require.config({ baseUrl : 'js的基本路径',//可以忽略 paths   : { 'jquery': 'jquery.min', 'underscore': 'underscore', 'bac