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

在BackboneJS中调用render()的适当方法

在 BackboneJS 中,调用 render() 的适当方法是在视图的初始化过程中或者在视图的某个事件触发时进行调用。

在视图的初始化过程中,可以在视图的构造函数中调用 render() 方法,例如:

代码语言:javascript
复制
var MyView = Backbone.View.extend({
  initialize: function() {
    this.render();
  },
  render: function() {
    // 渲染视图的代码
  }
});

var myView = new MyView();

在视图的某个事件触发时,可以在事件处理函数中调用 render() 方法,例如:

代码语言:javascript
复制
var MyView = Backbone.View.extend({
  events: {
    'click .button': 'onButtonClick'
  },
  onButtonClick: function() {
    this.render();
  },
  render: function() {
    // 渲染视图的代码
  }
});

var myView = new MyView();

在这两种情况下,视图的 render() 方法都会被正确地调用,以便更新视图的内容。

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

相关·内容

  • ReactDOM.render在react源码中执行的流程

    ReactDOM.render通常是如下图使用,在提供的 container 里渲染一个 React 元素,并返回对该组件的引用(或者针对无状态组件返回 null)。...本文主要是将ReactDOM.render的执行流程在后续文章中会对创建更新的细节进行分析,文中的源代码部分为了方便阅读将__DEV__部分的代码移除掉了。...在服务端渲染的情况下使用ReactDOM.hydrate()与 render() 相同只是forceHydrate会标记为true。...Fiber // current:Fiber对象 对应的是 root 节点,即整个应用根对象 this.current = null; // root节点,render方法接收的第二个参数 this.containerInfo...节点树中的‘parent’,用来在处理完这个节点之后向上返回 this.return = null; // 指向第一个子节点 this.child = null; // 指向自己的兄弟节点,兄弟节点的

    86530

    在vue中的html标签{{}}内可以调用函数方法

    今天领导提个需求,要求在金额上强制保留两位小数,本想着后台直接返回数据时,带着两位的小数,前端只是做个显示作用,后台说保留了小数但在传输过程中去掉了,可能他们做了格式转化。...没办法了只能又是我们前端操作了,牵扯价钱的太多了,很多时候又有for 循环,怎么办呢? 思路:{{}}里面的是一个表达式,可不可以是个函数呢?...经测试是可以的,具体实现方法如下: 写一个公共的强制保留两位小数的js方法 function toDecimal2 (x) { var f = parseFloat(x) if (isNaN(f....' } while (s.length <= rs + 2) { s += '0' } return s } export default { toDecimal2 } 在main.js...中引用: import newPrice from '.

    30.9K20

    Untiy Native Render Plugin在VR中的绘制(二): 透明排序

    上篇已经能在VR中画出来了, 但是还存在两个问题: 1. 透明物体会被Native画的东西挡住 2....VR中Native画的东西透视关系有点问题, 跟Unity绘制的场景不能很好地融合在一起 先来解决一个透明排序的问题, 这个问题有两个思路去解决: 双Camera 双Camera的思路就是, 一个Camera...第二个Camera的Depth设置成比第一个Camera大, 代表后画 插入CommandBuffer Unity5.2在CommandBuffer入加入了调用NativeRenderPlugin的支持..., 这就可以让我们可以在渲染管线的各个阶段之前插入我们想要的效果...., 所以这里挂了个Box到NativeRender的GameObject上, 并把包围盒设置成非常大, 一方面保证了SetCameraMatrix可以一直调用到, 另一方面也能”隐藏”掉这个Box(内部看经过

    1.3K90

    关于使用MethodHandle在子类中调用祖父类重写方法的探究

    关于使用MethodHandle在子类中调用祖父类重写方法的探究 注:这个例子原本出现在周志明先生的《深入理解Java虚拟机》--虚拟机字节码执行引擎章节,介于有读者朋友有疑问,这里基于Java代码层面解释一下...由于找到的thinking方法是非static的,需要一个隐式入参(也就是栈帧中局部变量表第0个位置的this参数),在java中这叫做该方法的接收者。...在普通的方法调用中,这个this参数是虚拟机自动处理的,表示的是当前实例对象,我们在方法中可以直接使用。...但是在我们这个MethodHandle的例子中,相当于是模拟了invoke*指令的处理,手动调用invoke方法就需要指定这个"this"参数。...我觉得使用bindTo绑定方法接收者要比在invoke方法中传递更加友好,也更加符合程序员的大众理解,invoke可以只专注方法显式的入参。 然后再来说bindTo(this)中的this。

    9.5K30

    Java中的RMI(远程方法调用)

    参考链接: Java中的远程方法调用RMI RMI基本概念  RMI(Remote Method Invocation,远程方法调用)是从java1.1开始实现的,它大大增强了Java开发分布式应用的能力...RMI对接口有着强烈的依赖,在需要创建一个远程对象的时候,我们通过传递一个接口来隐藏基层的实施细节,所以客户得到远程对象的一个句柄时,它们真正得到的是接口句柄,然后本地代码通过接口操作远程对象。...rand.nextInt(names.length)]);             list.add(p);         }         return list;     } }  如何运行  命令行中运行的方法...然后在Server文件夹中编译Server:Server> javac com/liu/server/Server.java;   在Client文件夹中编译Client:Client>javac com...另外,无论如何运行RMI都需要开启rmiregistry程序,但是开启它有两种方式:直接命令行中运行rmiregistry;在程序中使用LocateRegistry.createRegistry(port

    1.6K30

    C# 子窗体中调用父窗体中的方法(或多窗体之间方法调用)

    本文转载:http://www.csframework.com/archive/2/arc-2-20110805-1771.htm 文章侧重点主要是讨论“窗体”与“窗体”之间方法的调用,以及“MDI父窗体...”与“Chilid子窗体”之间如何相互的调用方法。...C# 子窗体中调用父窗体中的方法(或多窗体之间方法调用) 看似一个简单的功能需求,其实很多初学者处理不好的,很多朋友会这么写: C# Code: //父窗体是是frmParent,子窗体是frmChildA...//在父窗体中打开子窗体 frmChildA child = new frmChildA(); child.MdiParent = this; child.Show(); //子窗体调父窗体方法...错在强依赖!如果父窗体与子窗体在同一个模块内看似没有错,因为这种反向引用在同一个模块内是可行的,但程序不能这么写,你把它写死了!固化了!

    8.4K20

    DNS在远程调用执行中的应用

    纯属蹭log4j2热度文,和安全没有直接的关系,本文只谈DNS以及日志应用; 通过dnslog.cn的截图,分析dnslog.cn的原理,基于此,介绍了可以获取更多信息的ceye的功能;在应用场景上...Address一般是服务器本身配置的DNS的外网出口IP,证明的是下部分的命令成功的在icloud.com登录功能所在的服务器成功执行,这个是一个可以执行命令的演示,如果这里的exp是一个echo "...image.png 我们将图一的IP进行查看,看到是美国的苹果公司的外网ip,该IP大概率为提供icloud.com登录功能的服务器所配置的DNS的外网IP;我们在dnslog.cn获取到唯一域名后,...在自己的设备上执行,可以看到我设备本身的DNS的外网递归出口为27.40.22.150的IP地址; image.png image.png 二、实现原理 image.png     当我们在...的权威服务器就能知道,在什么时间,什么IP请求了什么域名,然后做日志回显即可完成该操作;(该网站提供的子域名TTL也是 190,所以在190s之内的请求就记录不了了,要等到下一个TTL周期进行请求。)

    6K240

    OVSDB介绍及在OpenDaylight中的调用

    前言 OVS是一种开源的软件交换机,可安装于通用的虚拟服务器环境中,在虚拟环境中单个、多个物理机上的不同虚拟主机都需要通过OVS实现数据交换。...其架构为: OVS提供的命令: ovs-dpctl 管理OVS内核模块,提供缓存流表的操作方法 ovs-vsctl 管理ovsdb-server的配置,提供OVSDB的配置方法,包括创建和删除网桥、...目前在Opendaylight控制器中也有一个单独的子项目实现此管理协议,即OVSDB(比如ovsdb-release-lithium-sr3)。...记录的网桥、端口、QOS等网络配置信息是以JSON格式(schema)保存的,通常schema在/usr/share/openvswitch/vswitch.ovsschema中。...其中transact是OVSDB管理协议中比较重要的操作方法,它是RPC请求的参数中提供数据库的增、删、改、查等常用操作: 二、ODL中的OVSDB插件 ODL中包括三个OVSDB插件,OVSDB southbound

    4.9K91

    在C++中反射调用.NET(一) 反射调用第一个.NET类的方法

    为什么要在C++中调用.NET 一般情况下,我们常常会在.NET程序中调用C/C++的程序,使用P/Invoke方式进行调用,在编写代码代码的时候,首先要导入DLL文件,然后在根据C/C++的头文件编写特殊的...extern int Multiply(int factorA, int factorB); 详细的过程,可以参考之前我这篇文章:《C#调用C和C++函数的一点区别》 有时候,我们也会有在C++中调用...注意,本文说的C++反射调用,不是对C++自身进行封装的反射功能,而是在C++/CLI代码中反射调用.NET代码,原理上跟你在.NET应用中反射调用另外一个.NET的程序集一个道理。...在C++中,类的成员用 -> 符号调用,命名空间或者类的静态成员,用::调用,例如上面的构造函数中的代码: Assembly^ ass = Assembly::LoadFrom(this->assemblyFile...在C++/CLI中使用反射 反射调用第一个.NET类的方法 下面的方法,将会反射调用 User类的一个最简单的方法 : public int GetUserID(string IdString){} 该方法只有一个一个参数和一个简单的返回值

    3.2K100

    三:理解Page类的运行机制(例:在render方法中生成静态文件)

    我这里只写几个常用的事件 1.OnPreInit:此事件后将加载个性化信息和主题 2.OnInit:初始化页面中服务器控件的默认值但控件的状态没有加载,没有创建控件树 3.OnPreLoad:控件完成状态和回传数据的加载...4.Page_Load:此事件是在OnInit中订阅的 5.Render:呈现最终页面的内容 假设有一个文章数据库 以前都是通过article.aspx?...id=123的动态形式访问的 现在我们想要减轻服务器压力,把文章生成静态文件 先看article.aspx的程序 using System; using System.Collections; using...//这个和StringBuilder没太大区别             HtmlTextWriter htmlw = new HtmlTextWriter(sw);             base.Render...") + ".html";         }         public void Dispose() { }     } } 注释就不多写了,相信大家能看懂 这个示例程序只是为了说明page类的Render

    38520

    vue调用js文件_vue调用其他js文件中的方法

    (2)在webpack.base.conf.js里加入 var webpack = require("webpack") (3)在module.exports的最后加入 plugins: [ new...引入就ok了 (测试这一步不用也可以) import $ from 'jquery' (5)然后 npm run dev 就可以在页面中直接用$ 了. 2、vue组件引用外部js的方法 项目结构如图:...3、单vue页面引用内部js方法 (1) 首先 npm install jquery –save (–save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖...(2) 在需要引用的vue页面import引入$,然后使用即可 这个图中有黄色的警告,如果把console.log($)改成这样: export default{ mounted: function...(){ console.log($) } } 就不会有了,原因可能是得符合vue中js的写法吧 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    18.9K50

    Java中静态方法不能调用非静态方法的原因

    如图,是Java中静态代码和实例对象互相调用的规则,我们接下来就讲讲为什么在Java中静态方法不可以调用非静态代码呢。...静态方法是属于类的,即静态方法是随着类的加载而加载的,在加载类时,程序就会为静态方法分配内存,而非静态方法是属于对象的,对象是在类加载之后创建的,也就是说静态方法先于对象存在,当你创建一个对象时,程序为其在堆中分配内存...静态方法不依赖于对象的调用,它是通过‘类名.静态方法名’这样的方式来调用的。而对于非静态方法,在对象创建的时候程序才会为其分配内存,然后通过类的对象去访问非静态方法。...因此在对象未存在时非静态方法也不存在,静态方法自然不能调用一个不存在的方法。...(3)不能用一个值为null的引用类型变量来调用非静态方法,这样会抛出空指针异常,但是静态方法可以被一个值为null的引用类型变量调用而不会抛出空指针异常。

    5.6K50
    领券