首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在backbone.js中从另一个视图访问函数

在Backbone.js中,从另一个视图访问函数需要遵循以下步骤:

  1. 首先,确保两个视图都继承自Backbone.View类。
代码语言:javascript
复制
var View1 = Backbone.View.extend({
  // View1的属性和方法
});

var View2 = Backbone.View.extend({
  // View2的属性和方法
});
  1. 在View1中定义一个函数,该函数将在View2中被访问。
代码语言:javascript
复制
var View1 = Backbone.View.extend({
  myFunction: function() {
    // 在这里编写函数的逻辑
  },
  // View1的其他属性和方法
});
  1. 在View2中访问View1中的myFunction函数。首先,需要获取View1的实例,然后调用myFunction函数。
代码语言:javascript
复制
var View2 = Backbone.View.extend({
  someMethod: function() {
    // 获取View1的实例
    var view1Instance = new View1();

    // 调用View1中的myFunction函数
    view1Instance.myFunction();
  },
  // View2的其他属性和方法
});

这样,在View2中就可以访问View1中的myFunction函数了。请注意,这只是一个简单的示例,实际应用中可能需要根据具体需求进行调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

PowerDesigner设计物理模型3——视图、存储过程和函数

视图 SQL Server中视图定义了一个SQL查询,一个查询可以查询一个表也可以查询多个表,PD定义视图SQL Server定义查询相似。...例如要创几个所有学生的所有选课结果的视图,那么工具栏中选择视图按钮,然后设计面板单击鼠标一次便可添加一个空白的视图,切换到鼠标指针模式,双击该视图便可打开视图的属性窗口。...General选项卡,可以设置视图的名字和其他属性。...存储过程和函数 存储过程和用户自定义函数都是同一个组件设置的,工具栏单击Procedure按钮,然后设计面板单击一次便可添加一个Procedure。...至此,最常见的数据库对象:表(表的约束)、视图、存储过程、函数PD的创建已经介绍完了,接下来会介绍PD的设置。

2.3K20

用 jest 单元测试改善老旧的 Backbone.js 项目

对于这样的既有项目,之前的文章也进行过分析,常常面临依赖不清、封装混乱,以及缺乏测试等问题;对之进行维护和新需求开发时,结合其本身特点, TDD 的方式下进行渐进的改善,而非推倒重来,无疑是个可行的办法...Backbone.js / Require.js 技术栈回顾 Require.js 模块化 ? 首先说 Require.js,没有 webpack 的日子里,这是最常见的模块化管理工具。...我们的实际项目中,视图层同时支持了 Backbone.View 和早期的 react@13,这也正体现了其灵活之处。...另一个难点在于,Backbone.View 的 constructor / initialize “构造函数,并不能接受自定义的 props 参数。...Backbone.View 视图组件经过 ES6 升级和合理封装后,可以明显改善页面的整洁度,并顺利应用于单元测试 可以用 sinon.createFakeServer() 拦截 Backbone.Model

3.4K10

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

SPA 的另一个功能是 HTML 客户端(即浏览器)上呈现和操作。这会减小有效负载的大小,因为服务器仅返回 JSON 而不是 HTML。...搜索引擎能够准确地索引页面使用Backbone.js,Angular.js,Ember.js等框架构建的单页应用程序广泛用于编写受保护的应用程序,即需要用户名和密码才能访问的应用程序。...理论上讲,这意味着Google将像普通浏览器一样呈现SPA,并索引其内容。但是,Google本身表示,“有时渲染过程事情并不完美,这可能会对您网站的搜索结果产生负面影响。 ...DocuSign,我们调整了Backbone.js模型(浏览器框架)以服务器上工作。...视图的服务器端模板(Handlebars 模板引擎)如下所示:{{{props}}} {{{header}}}一旦客户端 React 代码数据存储(

12410

6种技术将使您成为理想的前端开发人员

让我们基本技能开始 如HTML 5 / CSS 3,Javascript,jQuery是前端开发的基础知识。这些技能是进入前端开发的第一步。...像netflix,flipkart,amazon,microsoft等等非常大的组织使用这些框架来提高效率,轻松访问和组织代码。Javascript框架有助于加速开发。...Backbone.js由六个组件组成 - 模型,视图,集合,事件,路由器和同步。它还可以用于构建桌面和移动应用程序以及简单的网站。...相比之下,Backbone.js的主要缺点是速度慢,调试需要花费大量时间。总而言之,Backbone.js重量轻且易于使用。因此,它成为过去几年非常流行的框架。...这些是真正的雇主在前端开发人员寻找的东西。作为前端开发人员找到一份工作,可以学习这些顶级趋势技巧。更普遍的是,世界各地的顶级科技公司都在前端开发人员寻找这些技能。

1.1K30

Backbone.js 简介

Backbone.js提供模型(models)、集合(collections)、视图(views)结构。...其中 模型用于绑定键值数据和自定义事件; 集合有丰富的API; 视图可声明事件处理函数,并通过RESRful JSON接口连接到应用程序。...通过复杂多变的jQuery选择符和回调函数很容易创建Javascript应用程序,包括HTML UI,Javascript逻辑和数据之间保持同步,都不复杂。...某种意义上说,在用javaScript来创建web项目时,Backbone试图定义一组最小而高效的集合,包括了 数据结构(models(模型) 和 collections(集合))和用户接口(views(视图...web开发环境里,到处都是框架(帮你写好了一切),不过这些库需要你的网站在构建的时候符合该框架的样子,风格,默认的行为。但是,Backbone还是作为一个工具,让你可以随心所欲的设计你的网站。

79030

探索 MVC 到 MVVM + Flux 架构模式的转变

但是 MVC 架构是好东西,其对数据、视图、逻辑有了清晰的分工,于是前端 MVC 框架(比如 backbone.js) 出来了,对于很多业务规模不大的场景,前端 MVC 框架已经够用了,它也能做到前后端分离开发单页面应用...拿 backbone.js 说,它的 Model 对外暴露了 set 方法,也就是说可以不止一个 View 里修改同个 Model 的数据,然后一个 Model 的数据同时对应多个 View 的呈现,...可以参阅之前写的 MVVM 框架解析之双向绑定 only MVVM 假设有这么一个场景,输入框查询条件,点击查询,然后列表返回相应内容。如下图所示: ?... Flux 的源码可以看出 Dispacher.js 是其的核心文件,其核心是基于事件的发布/订阅模式完成的,核心源码如下: class Dispatcher { ... // 注册回调函数...于是定义了一个变量 comments 用来专门存放列表数据,了解 Dispatcher 的核心原理之后,当调用 dispatch(obj) 方法时,就可以把参数传递到事先注册的 register 函数

1.4K50

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

属性绑定是另一个Backbone.js 比强化了的地方,依然遵照 CoC 的原则,如果属性以 Binding 结尾,绑定属性就自动创建,而计算属性则(方法的输出和某些属性之间的依赖关系)使用 property...React 带来了诸多编程范型的融合, JSX 往大了说,本身声明式语言和命令式语言本身就像是天生的冤家,很少能被放到一起的,但是 React 我们看到了;往细了说,像函数式编程等等风格都可以见到...在这个分享另一个让人兴奋的地方在于,Virtual DOM Tree 的使用。对于 view 的更新难免会有大量的 rerender,但是是否一点点修改要把整个 component 全部渲染一遍?...,把这些状态和状态的变化变成再编程过程可以预测的: 只有一个数据源(store); 状态是只读的(数据流动的单向性:只能通过 action 去改变); 只能通过纯函数(reducer,而不产生任何外部影响...比如对于通常的没有那么多 model 到 view 交叉耦合的应用,这个解决方案有杀鸡用牛刀之嫌;讨论也有人担心 virtual DOM tree 对内存过度占用的风险,而且这种 immutable

2.2K20

这些改成中文名的前端框架,你还能认识几个?

Backbone.js是一套JavaScript框架与RESTful JSON的应用程序接口。也是一套大致上匹配MVC架构的编程范型。...Backbone.js是由Jeremy Ashkenas所开发,他同时也是CoffeeScript的开发者。...我们花了很大的功夫Cocoa、Smalltalk等本地应用框架引入了其优秀的理念。...Flux是Facebook用户建立客户端Web应用的前端架构, 它通过利用一个单向的数据流补充了React的组合视图组件,这更是一种模式而非正式框架,你能够无需许多新代码情况下立即开始使用Flux。...Moment.js主要用于解析、检验、操作、以及显示日期,Moment.js可以很好的IE8,9,Chrome,Safari,Firefox等浏览器运行,当然也可以Node.js下运行。

1.1K100

这些改成中文名的前端框架,你能认识几个?

Backbone.js是一套JavaScript框架与RESTful JSON的应用程序接口。也是一套大致上匹配MVC架构的编程范型。...Backbone.js是由Jeremy Ashkenas所开发,他同时也是CoffeeScript的开发者。...我们花了很大的功夫Cocoa、Smalltalk等本地应用框架引入了其优秀的理念。...Flux是Facebook用户建立客户端Web应用的前端架构, 它通过利用一个单向的数据流补充了React的组合视图组件,这更是一种模式而非正式框架,你能够无需许多新代码情况下立即开始使用Flux。...Moment.js主要用于解析、检验、操作、以及显示日期,Moment.js可以很好的IE8,9,Chrome,Safari,Firefox等浏览器运行,当然也可以Node.js下运行。

1.1K20

vue响应式原理(数据双向绑定的原理)

你可以底层数据逻辑的地方用OO和设计模式的那套理念,也可以函数式,都可以,它只是个轻量视图而已,只做了自己该做的事,没有做不该做的事,仅此而已。 渐进式的含义,我的理解是:没有多做职责之外的事。...View不部署任何业务逻辑,成为“被动视图”,而所有业务逻辑都部署Presenter 4、MVVM模式 MVVM模式将Presenter更名为ViewModel(对应MVC的C-controller...- M(model):模型---javascript object,代表真实情况的内容(一个面向对象的方法)、或表示内容(以数据为中心的方法)的数据访问层 - V(view):视图---用户界面...,这样就完成了数据改变到视图更新的一个自动过程 实现数据双向绑定的方法: 发布者-订阅者模式(backbone.js) 思路:使用自定义的data属性,HTML代码中指明绑定。...然后,需要compile解析模板指令,将模板的变量替换成数据,接着初始化渲染页面视图,并将每个指令对应的节点绑定更新函数,添加监听数据的订阅者。

2.7K40

深入聊聊 JavaScript 框架

一、前言 关于 JS 框架部分能聊的内容比较多,我相信大家对某个框架的使用、原理等知识是比较容易找到资料来学习的,鉴于此这部分内容将会另一个视角出发:通过回顾 JS 框架的发展历程,和大家一起探讨框架的本质以及...再进一步拆解来看,我们的问题域主要包括视图构建、视图状态管理、用户交互、服务端交互等,复杂场景下,随着表达内容和人机交互多样性的增加,如何兼具效率、体验等具有较大的挑战,而这也恰恰是 JS 框架所要解决的问题...技术角度看,Web 满足人们越来越多线上化需求的同时,Web 前端也变得越来越复杂:更强大的功能、更丰富多样的内容、更复杂的运行环境等等,最初的小制作到现在的大规模复杂应用,不断推动开发者们寻求更高效的前端构建方式...2010 年发布的 Backbone.js 引入了视图和数据模型的概念,但它并不是标准的 MVC 实现,没有明确的控制器概念,而是由视图承担部分控制器职责,但这些并不重要,重要的是前端 GUI 构建有了新的思路和选择...而通用类框架的场景会更多的集中非模式化的场景,在这类场景对框架的灵活性、定制化等会有更高的要求。

44450

Github开源免费编程书籍

(淘宝团队出品) Nginx教程入门到精通 (PDF版本,运维生存时间出品) 其它 OpenWrt智能、自动、透明访问外国网站路由器教程 SAN 管理入门系列 Sketch 中文手册 深入理解并行编程...函数式概念 傻瓜函数编程 分布式系统 走向分布式 (PDF) 在线教育 51CTO学院 Codecademy CodeSchool Coursera Learn X in Y minutes...如果觉得本教程对您有帮助,可以去 iTunes 购买) Got GitHub GotGitHub HgInit (中文版) Mercurial 使用教程 Pro Git Pro Git 中文版 (整理gitbook...jersey构建REST服务 Javascript Airbnb JavaScript 规范 AngularJS AngularJS中译本 AngularJS入门教程 AngularJS最佳实践和风格指南 Windows...环境下用Yeoman构建AngularJS项目 构建自己的AngularJS backbone.js backbone.js中文文档 backbone.js入门教程 (PDF) Backbone.js

7.6K40

ReactJS学习(一)

这四个阶段分别是: 阶段一:静态页面阶段 第一个阶段前端页面都是静态的,所有前端代码和前端数据都是后端生成的。...阶段三:前端MVC阶段 2010年,第一个前端 MVC 框架 Backbone.js 诞生。它基本上是把 MVC 模式搬到了前端,但是只有 M (读写数据)和 V(展示数据),没有 C(处理数据)。...Model 拿到数据以后,View Model 将数据处理成视图层(View)需要的格式,视图层展示出来。...阶段四:SPA阶段 前端可以做到读写数据、切换视图、用户交互,这意味着,网页其实是一个应用程序,而不是信息的纯展示。...2010年后,前端工程师从开发页面(切模板),逐渐变成了开发“前端应用”(跑浏览器里面的应用程序)。 目前,最流行的前端框架 Vue、Angular、React 等等,都属于 SPA 开发框架。

71920

深度解析 Vue MVVM 原理实现

ViewModel:视图模型层,用来连接Model和View,是Model和View之间的通信桥梁 MVVM的架构下,View层和Model层并没有直接联系,而是通过ViewModel层进行交互。...Vue 框架其实就是起到 MVVM 模式的 ViewModel 层的作用。...实现数据绑定的做法有大致如下几种: 脏值检查(angular.js) 数据劫持(vue.js) 发布者-订阅者模式(backbone.js) 这里大致说下脏值检查: angular.js 是通过脏值检测的方式比对数据是否有变更...,来决定是否更新视图,最简单的方式就是通过 setInterval() 定时轮询检测数据变动,angular只有指定的事件触发时进入脏值检测,大致如下: DOM事件,譬如用户输入文本,点击按钮等。...3.实现一个Watcher,作为连接Observer和Compile的桥梁,能够订阅并收到每个属性变动的通知,执行指令绑定的相应回调函数,从而更新视图 4.mvvm入口函数,整合以上三者 流程图:

1.4K20

一些前端框架的比较(上)——GWT、AngularJS 和 Backbone.js

但是作为后端语言渗透到前端的尝试,和 Node.js 这样从前端渗透到后端的 “异类” 一样,无疑是具有代表性意义的。 GWT 的贡献远不只是在于语言转化的层面,架构控制上面,非常有效。... 《借助 AngularJS 写优雅的代码》我叙述了当时的感受,当时最令我印象深刻的就是其中的 2-way binding。...再提一提其中的依赖注入(DI)和遵循的 Convention over Configuration (CoC) 规则,写 Controller 代码的时候,还是比较舒服的,既有 scope 内变量访问的控制...Backbone.js Backbone.js 可能是我接触最早的前端 MVC/MVVM 框架(那个时候写过一点点入门的总结)。...对比 AngularJS 的通过 DOM 属性的方式来控制范围和绑定行为,Backbone.js 看起来更加容易理解, View 里面用 el 这个属性来建立和限定区域 DOM 树的联系。

1.8K10

快速学习ReactJS-前端开发的演变

这四个阶段分别是: 阶段一:静态页面阶段 第一个阶段前端页面都是静态的,所有前端代码和前端数据都是后端生成的。...阶段三:前端MVC阶段 2010年,第一个前端 MVC 框架 Backbone.js 诞生。...Model 拿到数据以后,View Model 将数据处理成视图层(View)需要的格式,视图层展示出来。...阶段四:SPA阶段 前端可以做到读写数据、切换视图、用户交互,这意味着,网页其实是一个应用程序,而不是信息的纯展示。...2010年后,前端工程师从开发页面(切模板),逐渐变成了开发“前端应用”(跑浏览器里面的应用程序)。目前,最流行的前端框架 Vue、Angular、React 等等,都属于 SPA 开发框架。

47920

Front-End MV*简述(一)

然后应用就会在一堆杂乱无章的选择器和回调函数死亡。所以前端也需要将代码的逻辑分层,引用设计模式分离代码的职责,解除不同逻辑之间的耦合,使得前端的代码具有良好的维护性和扩展性。...传统的MVC模式是GUI编程衍生的MVC模式: M是Models,表示应用特定领域(domain-specific)的数据或业务规则,我把他理解为是一个具有数据结构能代表现实实体的抽象形式,当然还有就是当...model发生改变时它能通知到相应的观察者(observers) V是Views,表示应用的组成展示视图的模版或标记语言等,它们是Models的观察者,但是它们不耦合 C是Controllers,负责处理用户输入和更新...框架提供架构,控制运行流程,让开发者合适的地方书写针对具体问题的代码;而库则附属于架构,不控制运行流程,只提供可调用的函数 许多前端项目像Backbone官方文档描述本身是库,却经常在各种地方被人们称作框架...一些早年的框架如Ext,SproutCore也2011年的时候将框架实现为MVC架构的形式。

66710

Front-End MV*简述(一)

然后应用就会在一堆杂乱无章的选择器和回调函数死亡。所以前端也需要将代码的逻辑分层,引用设计模式分离代码的职责,解除不同逻辑之间的耦合,使得前端的代码具有良好的维护性和扩展性。...传统的MVC模式是GUI编程衍生的MVC模式: M是Models,表示应用特定领域(domain-specific)的数据或业务规则,我把他理解为是一个具有数据结构能代表现实实体的抽象形式,当然还有就是当...model发生改变时它能通知到相应的观察者(observers) V是Views,表示应用的组成展示视图的模版或标记语言等,它们是Models的观察者,但是它们不耦合 C是Controllers,负责处理用户输入和更新...框架提供架构,控制运行流程,让开发者合适的地方书写针对具体问题的代码;而库则附属于架构,不控制运行流程,只提供可调用的函数 许多前端项目像Backbone官方文档描述本身是库,却经常在各种地方被人们称作框架...一些早年的框架如Ext,SproutCore也2011年的时候将框架实现为MVC架构的形式。

943100

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

Angular Data-Binding 模型和视图之间建立链接。双向数据绑定过程视图会显示模型中所做的更改,反过来模型反映了视图中所做的更改。...单向数据流:React.js 的设计方式使其只支持一个流程向下游传递的数据。如果数据必须向另一个方向流动,则需要其他功能支持。...Vue.js 将模板编译为虚拟 DOM 渲染函数。 Web 开发人员可以使用渲染函数的模板,并可以使用渲染函数替换模板。 体积小:JavaScript 框架的成功取决于它的大小。个头越小用的人越多。...Backbone.js 通过视图和模型之间提供事件驱动的通信来克服这个问题。 更少的代码:约定是引入通用编码风格的好方法,而无需提供大量的编码标准。...最好方便的是,添加这些类型的智能包很容易,只需终端敲几下键盘就可以了。 实时网络应用:Meteor 是构建实时程序的完美解决方案。数据库到模板所有的层都会自动更新。

3.7K10
领券