首页
学习
活动
专区
圈层
工具
发布

1.初识backbone.js

backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件处理及与现有的...Application通过RESTful JSON接口进行交互.它是基于jquery和underscore的一个js框架。...通过backbone,你可以把你的数据当作Models,通过Models你可以创建数据,进行数据验证,销毁或者保存到服务器上。...上面是一个简单的介绍,关于backbone我看完他的介绍和简单的教程之后,第一印象是它为前端开发制定了一套自己的规则,在这个规则下,我们可以像使用django组织python代码一样的组织js代码,它很优雅...根据我的理解,以及backbone的功能,如果单个网页上有非常复杂的业务逻辑,那么用它很合适,它可以很容易的操作dom和组织js代码。 豆瓣的阿尔法城是一个极好的例子。 ​

1.2K20

一些前端框架的比较(下)——Ember.js 和 React

Ember.js Ember.js 的 extend 的写法很类似于 JQuery 或者是 Backbone.js,创建 Application,然后在它下面创建相应的 Model(Object)、Controller...事件方面使用 observes 方法并传入属性名来建立监听,其实和 Backbone.js 是差不多的。...我拿它不知不觉地和 Backbone.js 比较,最初还是因为 API 长得像的关系,后来才知道,其实这并不奇怪,因为核心开发人员 Tom Dale 说,灵感就是来自于 Cocoa、RoR 和 Backbone.js...最后还说,1.0 版本已经 lock down 了,以后不会有大的变化的(这明显是在含沙射影那个谁啊~,不过 1.0 之前它自己也不怎么样)。...比如说其中的 Ember Data 是不得不提的,它做给数据模型层做了非常好的封装,和 Node.js 一起使用,通信 API 的部分,传输数据序列化的部分,都不用关心(实现遵照 JSON API),把注意力放在它往上的逻辑上就好了

3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    进阶攻略|最全的前端开源JS框架和库

    4.Vue.js 地址:http://cn.vuejs.org/ Vue.js是用于构建交互式的 Web  界面的库,它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API,从技术上讲...6.backbone.js 地址:http://www.css88.com/doc/backbone/ 代码托管地址:https://github.com/jashkenas/backbone Backbone.js...它可方便地操作文档对象、处理事件、实现动画效果、使用Ajax与网站交互等。提供API,可供开始者编写插件,且具有详尽的说明文档。...Ember.js由YehudaKatz创建,它是由SproutCore 2.0改名进化而来。在2013年8月31日发布Ember.js 1.0版本。...24.Babylon.js GitHub:https://github.com/BabylonJS/Babylon.js 想要构建一个完全运行于现代浏览器上,并且能跨浏览器运行的视频游戏吗?

    4.7K71

    前端进阶攻略|最全的前端开源JS框架和库

    4.Vue.js 地址:http://cn.vuejs.org/ Vue.js是用于构建交互式的 Web 界面的库,它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API,从技术上讲...6.backbone.js 地址:http://www.css88.com/doc/backbone/ 代码托管地址:https://github.com/jashkenas/backbone Backbone.js...它可方便地操作文档对象、处理事件、实现动画效果、使用Ajax与网站交互等。提供API,可供开始者编写插件,且具有详尽的说明文档。...Ember.js由YehudaKatz创建,它是由SproutCore 2.0改名进化而来。在2013年8月31日发布Ember.js 1.0版本。...24.Babylon.js GitHub:https://github.com/BabylonJS/Babylon.js 想要构建一个完全运行于现代浏览器上,并且能跨浏览器运行的视频游戏吗?

    4.9K70

    与Salesforce争食,Oracle的下个收购目标是nFüsz?

    Oracle正在大力推进自己的SaaS业务,以试图与Saleforce以及Amazon进行竞争。可以肯定的是,自2016年以来,Oracle的云计算业务一直在取得稳步的增长。...作为第一个交互式的视频CRM产品,notifiCRM可以通过交互式视频自动化的完成销售过程。但这只是notifiCRM功能的一部分,因为它还有一个后端来对交互进行管理和跟踪。...无论是通过移动设备、平板电脑、台式电脑还是笔记本电脑,销售人员都可以通过视频对客户与潜在客户进行互动回应。因此notifiCRM几乎完全消除了销售过程中的人员技巧。...拿下nFüsz的Oracle除了可以防止它投入其他竞争对手的怀抱甚至是被别的供应商收购,而且还可以进一步的扩展自身在SaaS与CRM领域中的份额,并还有可能从Salesforce那里抢走更多的客户。...那么面对这么一个具有极高潜力的产品,Oracle会让机会从手中滑过吗?我们尽请期待,2018年,SaaS大战的局势还将继续精彩与激励。

    1.6K50

    单页应用(SPA)开发中的 Top 10 框架

    EmberJS 在创建交互应用方面可以同 Angular,React 一较高下,也拥有非常活跃的社区。...通过官网我们可以了解更多的信息-aurelia.io 5. Meteor.js 喜欢只使用 JavaScript 开发完整的 web 应用吗?...backbone 的优势是它比较简单,很小并容易上手。使用 backbone 开发可以说干就干。...backbone 非常灵活,因为它提供了一个最小的功能集合,开发者在此基础上二次开发,自己写代码或者使用第三方的库都可以。还可以在 backbone 的基础上构建一个全功能的框架。...Knockout 曾经流行过,不过现在与 Angular, Ember 还有 Backbone 相比,用户增速非常缓慢。原因很简单,因为在增加新的功能和改进现有功能方面相差太多。

    5.2K40

    多种前端框架的优缺点「建议收藏」

    10、行为层与结构层的分离:开发者可以使用选择器选中元素,然后直接给元素添加事件。...你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。...React特性如下:      1.声明式设计:React采用声明范式,可以轻松描述应用。 2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。...六、BackboneJS Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。...Backbone唯一重度依赖的是Underscore.js( >= 1.5.0)(注:Underscore.js 中文文档请查看 http://www.html.cn/doc/underscore/)。

    5.2K20

    你真的知道SaaS CRM如何选型吗?

    还是像NetSuite那样提供分析数据的能力,但使用NetSuite的就不简简单单是销售人员了,他们的上司也可以用。...Salesforce CRM与Salesforce 1两个应用平台(包含Heroku和Force.com)的配对,微软Dynamics AX与Windows Azure PaaS平台的配对,NetSuite...分析公司Gleanster(PDF)2011年的一项对312家公司的调查表明,当社交工具仅仅被集成到CRM时,大约89%的公司已经在使用社交媒体定期与客户交流,即使这些交互不是在CRM里面进行的。...” 5 CRM将会与您的现有流程和数据集成吗? “ CRM的可适性指集成性和可扩展性。集成指的是与现有的业务流程服务进行协作的能力。后者指的是在服务内进行扩展使其包含原有业务流程的能力。...Informatica是一个专业的集成供应商而不是CRM供应商,针对此它提供给组织两种解决方法: 一系列像API一样的云连接器插件,使开发人员可以构建CRM数据库并且查询链接获取数据。

    2.1K70

    10个最受欢迎的 JavaScript 框架,以及它们的主要特征和功能

    控制器:它基本上是用来控制模型与视图之间整个交互的代码。 双向绑定:这是一个令人惊叹的功能,它将 AngularJS 与其他 JavaScript 框架区分开来。...Backbone 的主要特性: 分离的业务和UI逻辑:Backbone 可以帮助你把自己的业务逻辑与用户界面分开,这是非常重要的一点。当两者纠缠在一起时,修改将会变得很难。...与后端同步:由于其对 RESTful API 的出色支持,BackboneJS 中的模型可以轻松地与后端绑定。...如果 API 设计正确,则 backbone 可以直接通过访问这些操作来进行读取、写入和删除操作。 6....Node.js 的主要特性: 非阻塞:Node.js 库的所有API都是异步的,即非阻塞的。这意味着基于 Node.js 的服务器永远不会等待 API 返回数据。

    5.9K10

    为什么每个人都在谈论同构JavaScript 以及为什么它很重要

    每次用户与页面交互时,页面都必须刷新,大多数交互都是单个操作,例如提交一些数据或更新记录。...此模块允许您的 Node.js 和 Express.js 驱动的应用程序向浏览器公开 Jade 模板,在那里它们可以被浏览器的 JavaScript 代码使用(我们在浏览器上使用 Backbone 和...可选项:React.js、Lazo.js 和 Rendr所以你想在你的 Web 开发中处理同构吗?...其中一些项目可以在这里找到:主干服务器端和预览科.Lazo.jsLazo与Rendr相似,因为它利用了Backbone.js。...这意味着它可以与大多数其他库前端库(如 Backbone.js)一起使用。React.js 通常与 JSX 语言一起使用,JSX 语言是 JavaScript 和 XML/HTML 的混合体。

    1.2K10

    浅谈HTML5单页面架构(二)——backbone + requirejs + zepto + underscore

    相同地,项目架构好与坏不是说用了多少牛逼的框架,而是怎么合理利用框架,让项目开发更流畅,代码更容易管理。那么带着这个目的,我们来继续探讨backbone。 首先,来看看整个项目结构。 ?...配置好依赖关系后,就可以引入router,并调用关键的 Backbone.history.start 开始路由监控。...简单说就是包括js代码,用=等号可以直接输出变量值。 这里做了最简单的MVC,M只是一个值name,C就是controller了,V就是view1。...当然,这个controller并不是backbone规范,大家可以尽情发挥。...除了router的耦合度很高外,每个模块逻辑代码都已经独立,app可以轻松实现按需加载。 那么追求机制的骚年,要停下来吗?

    2.8K40

    Backbone事件模块及其用法

    通过继承Events的方法来实现事件的管理,可以说,它是Backbone的核心组成部分。...一、Events API 1.0之前只提供了三个基本方法 on/once/off/trigger,1.0开始增加了几个实用方法 listenTo/listenToOnce/stopListening。...移出事件 off方法 在Backbone中,与绑定事件的on方法相对的是移除事件的off方法,该方法的功能是移除对象中已绑定的某个、多个或全部的时间,其调用格式如下: obj.off(eventName...模块所有API的使用;原文参见:这里 ##四 理解Backbone中的bind和bindAll 在Backbone.js的学习过程中,已经有了on方法绑定;后面又新增了ListenTo监听;而又有bind...参见文章:理解 backbone.js 中的 bind 和 bindAll 方法 参见原文:Understanding bind and bindAll in Backbone.js 1, 首先说熟悉的

    2.7K50

    Backbone.js

    Backbone.js 是一个前端 MVC 框架,model 能够绑定键值对和自定义事件,集合具备可枚举方法的富 API,视图具备事件处理能力,并且可以通过 RESTful 的 JSON 接口和你已有的...API 通信。...View Backbone 里的视图就是用来反映数据模型的,可以监听事件并响应,通过利用 Underscore.js(这个真是一个牛逼哄哄的东西,自己看),还支持了 JavaScript 模板技术,把数据和模板分离开...variables ); 然后再把结果渲染到画布上: this.el.html( template ); Model Model 是 JavaScript 应用的核心,在这里它包括了包含大量逻辑的数据交互...person.get("children"); // ['Ryan', 'John Resig'] 简单说明一下: default 是用来定义 Model 的属性的默认取值的; 设值(setter)可以这样写

    1.2K20

    「首席架构师推荐」React生态系统大集合

    Component react-backbone - 用于React的Backbone-aware mixins NestedReact - 与Backbone Views和NestedTypes模型的透明集成...backbone-reaction - React,Backbone然后一些 react.backbone - React插件使Backbone迁移更容易 reactbone - Backbone的React...Victory - 用于构建交互式数据可视化的可组合React组件的集合 Recharts - 一个基于D3的图表库,带有一个很棒的声明式API React-ApexCharts - ApexCharts...的React组件(交互式SVG图表库) reaviz - 基于D3.js的React数据可视化库 react-vis - 一个React可视化库,其设计考虑了以下原则:React友好,高级和可定制,富有表现力和行业强大...的示例TODO应用程序与React JS的视图 github-issues-viewer - github在react + backbone中发出查看器构建 wolfenstein3D-react -

    16.4K30

    传统会计软件将死 云会计星火燎原成必然

    AccountantsWorld CEO Chandra Bhansali指出,在云中,通过API在在应用程序之间进行简单而无缝地集成是非常重要的。...传统 本地软件还具有生存价值吗?...订阅 模式会带来问题吗? 云端的应用大多数只能通过每周、每月与每年订阅模式进行购买,这与数十年来传统软件购买的模式截然不同,对于那些不熟悉这种购买模式的客户来说,这可能会造成很大的问题。...不过这一点很快就得以解决,因为我们可以充分展现出云对成本节约的价值与带来的持续性收益,而且我们还拥有可以用真实数字显示投资回报率的工具”。...未来 的云会计,AI与机器学习 在讨论云会计的未来时,许多供应商指出,AI和机器学习将改变用户与会计系统的交互方式。

    2.3K60

    javascript_JavaScript走向成熟

    网站的开发方式已经发生了演变,现在它们很可能是单页Web应用程序,它们严重依赖JavaScript来完成客户端的繁重工作,通常使用Backbone或Angular.js等现代前端框架。...物联网是一个广义术语,用于描述从家用小工具到小型机器人的所有事物,其中大多数机器人都使用JavaScript与API进行交互。...简而言之,JavaScript正在成为选择的语言,不仅用于Web开发的前端和后端,而且还用于与大量现代设备进行交互。...然后,它继续使用JavaScript与浏览器环境进行交互,涵盖事件,DOM,动画和表单。...我们还对诸如HTML5 API,Ajax,框架和任务运行器(例如Grunt)的最新开发有所了解。 还有一个实际的项目,涉及构建在每一章中开发的交互式测验应用程序。

    1.3K10

    深入聊聊 JavaScript 框架

    再进一步拆解来看,我们的问题域主要包括视图构建、视图状态管理、用户交互、服务端交互等,在复杂场景下,随着表达内容和人机交互多样性的增加,如何兼具效率、体验等具有较大的挑战,而这也恰恰是 JS 框架所要解决的问题...互联网用户增长 从 Web 前端的形式看,大致可以将 30 年划分为三个时期:只读 Web 时期、可交互 Web 时期、Web 应用时期。...Netscape Navigator 1.0 直至 1995 年,Web 上所有内容仍然是纯静态,但随着 Web 需求的快速增长,逐步有些场景需要用户交互的能力,因此在 1995 年 9 月,Netscape...另外一点值得一提的是,Backbone.js 仍然采用了命令式编程范式,这在前端 GUI 构建中与后续逐渐流行的声明式编程范式而言,编程效率上会有明显的差距。.../*Backbone.js 代码示例(部分)详细前往 https://backbonejs.org/docs/todos.html*/ var AppView = Backbone.View.extend

    69650
    领券