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

我应该把我的新视图引擎的构造函数调用放在哪里?

在前端开发中,将新视图引擎的构造函数调用放在合适的位置是很重要的。一般来说,可以将构造函数调用放在页面加载完成后的回调函数中,以确保页面的DOM结构已经完全加载并且可以操作。

常见的放置构造函数调用的位置有以下几种:

  1. 在页面的 <script> 标签中:可以直接在页面的 <script> 标签中调用构造函数,确保在页面加载完成后执行。例如:
代码语言:txt
复制
<script>
  window.addEventListener('DOMContentLoaded', function() {
    var myEngine = new MyViewEngine();
    // 其他操作
  });
</script>
  1. 在外部的 JavaScript 文件中:将构造函数调用放在外部的 JavaScript 文件中,并在页面中引入该文件。同样需要确保在页面加载完成后执行。例如:
代码语言:txt
复制
<script src="myEngine.js"></script>
<script>
  window.addEventListener('DOMContentLoaded', function() {
    var myEngine = new MyViewEngine();
    // 其他操作
  });
</script>
  1. 在模块化开发中的入口文件中:如果使用了模块化开发的方式(如使用ES6的模块化语法),可以将构造函数调用放在入口文件中。入口文件会在所有依赖模块加载完成后执行。例如:
代码语言:txt
复制
// 入口文件 main.js
import MyViewEngine from './myEngine';

document.addEventListener('DOMContentLoaded', function() {
  var myEngine = new MyViewEngine();
  // 其他操作
});

以上是一些常见的将新视图引擎的构造函数调用放置的位置,具体选择哪种方式取决于项目的具体情况和开发方式。对于新视图引擎的构造函数调用,可以根据实际需求进行适当的调整和扩展。

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

相关·内容

从底层理解this是什么

何为this 关于this,我提出了下面几个问题: this存放在哪里? this是如何出现,又是如何消失的? this有什么作用?...好了,现在你应该知道了调用栈是 JavaScript 引擎追踪函数执行的一个机制,当一次有多个函数被调用时,通过调用栈就能够追踪到哪个函数正在被执行以及各函数之间的调用关系。...return newObj } } 显然我们看到source.apply(newObj, arg),所以构造函数其实也改变了this指向,将this指向从原函数换到了新构造出来的函数。...解疑填坑 this存放在哪里? this存放在每个执行上下文中 this是如何出现,又是如何消失的? this随着执行上下文出现,当执行上下文被回收后,也随之消失 this有什么作用?...,运行后返回结果 实现来也很容易,bind返回不再像call那样返回结果,而是返回了一个函数,调用返回的函数当然才能运行内部被改变了this指向的函数 优化:严格的来说这并不是一个合格的bind,因为还需要考虑到把函数当作构造函数调用的情况

77120

2014-11-3Android学习------关于ViewPager的实现步骤--------GIF动画实现

,目前我也不知道这个函数是啥作用,从名字应该能猜出来 @Override public boolean isViewFromObject(View arg0, Object arg1) {...,我们就需要把它们放在一个数组中,因为我们的Adpater的构造参数是一个数组。...我这里先给出做法,就是当我们要滑动到右边(下一页)的时候,我们需要记住当前的视图的宽度,这个宽度就是从当前的视图到下一个视图的偏移量。...就是当视图树观察者发现有一个新的视图需要画出来之前调用这个回调函数处理 public void addOnPreDrawListener (ViewTreeObserver.OnPreDrawListener...,这个函数的参数是表示当前的页面 当我们手指触摸向右滑动,就是需要做这样的一个操作,把下页视图给我显示出来(这里也就是显示下一页的图片) 这个业务处理就是在这个函数 onPageSelected(

29420
  • 前端八股文总结

    通过 super 调用父类的构造方法 (相当于 ES5 的构造函数继承)。...我们在全局执行上下文中声明了一个名为 sum 的新变量,暂时,值为 undefined。第9行。遇到(),表明需要执行或调用一个函数。...那么查找全局执行上下文的内存并查找名为 createWarp 的变量。 明显,已经在步骤2中创建完毕。接着,调用它。调用函数时,回到第2行。创建一个新的createWarp执行上下文。...(); context[fn] = this; //this指向调用call的函数 // 执行函数并返回结果 相当于把自身作为传入的context的方法进行调用了 return context[fn...也就是说,如果你想首屏渲染的越快,就越不应该在首屏就加载 JS 文件,这也是都建议将 script 标签放在 body 标签底部的原因。

    1.2K40

    被误解的 MVC 和被神化的 MVVM(一)

    但是,我们却很难做到这一点,因为还是有很多逻辑我们不知道写在哪里,于是就都写到了 Controller 中了,那我们接下来就看看其它逻辑应该写在哪里。 如何对 ViewController 瘦身?...所以,我们可以将 Controller 里面过于臃肿的逻辑抽取出来,形成新的可复用模块或架构层次。 我个人对于逻辑的抽取,有以下总结。...我建议大家可以用两种办法把这些代码从 Controller 中剥离。 方法一:构造专门的 UIView 的子类,来负责这些控件的拼装。...与此相应的,数据的存储也应该由专门的对象来做。在小猿搜题项目中,我们由一个叫 UserAgent 的类,专门来处理本地数据的存取。 数据存取放在专门的类中,就可以针对存取做额外的事情了。...比如: 对一些热点数据增加缓存 处理数据迁移相关的逻辑 如果要做得更细,可以把存储引擎再抽象出一层。

    34920

    视图view类-源码解析

    视图类view主要用于页面内容的输出,模板调用等,用在控制器类中,可以使得控制器类把表现和数据结合起来。下面我们来看一下执行流程。...看Controller.class.php类的第22行和35行,分别声明了一个实例变量,在构造函数中实例化一个view实例。...所以我们知道,对于视图类来说,大概分为以下几步,第一是根据参数去侦测出模板文件的地址,然后调用模板引擎去编译模板文件,形成编译缓存php文件,然后执行php文件返回内容。...1:先定义模块的目录 首先解析地址表达式,如果有@,表示传入了模块地址,解析她,赋值给module变量。 我们的控制器文件夹和方法存放在哪里呢?...如果定义了视图目录,就存放在视图目录中,如果没有定义,就看看是否定义了模板路径,如果定义了就存放在该路径下的对应模块目录下,如果没有定义模板路径,默认就存放在应用文件夹下的对应模块文件夹下的默认视图层下

    66010

    记一次对wuzhicms的审计

    phpstudy 第一处 sql注入(可惜是后台的) 先直接全局搜索select 这个函数 展示没有发现有过滤 然后找哪里调用了这个函数 通过全局搜索 在这个地方 发现调用了这个函数然后查看传递的参数主要传递的是...文件下有一个函数里面有select 并且后面的拼接也没有任何的过滤 然后我们搜索哪里调用了这个函数 首先是在api目录下的sms_check文件中发现调用了get_one函数 并且参数是通过前面的$code...来找文件删除 在这个文件下找到一个删除文件的函数 然后我们继续找哪里调用了这个函数 还是在这个文件 找到了一个del函数 里面调用了删除文件的函数 然后来分析调用的过程 调用删除的时候通过把...函数 在set_cache函数下发现写入文件的函数 $data并且没有过滤是直接通过参数传过来的 然后全局搜索 在哪里调用了这个函数 这个set函数下调用了这个函数 并且写入文件的内容是可控的 通过打印...对MVC这种框架的也有了基本的认识了 以后遇到也不至于这样的无厘头 不知道怎么搞路由 怎么调用的 有了一个新的开始 如果此文有什么不对点 师傅们指出 学习学习 这也是继前面几篇之后新的一次尝试把 但回过头来看这个

    57320

    笨办法学 Python · 续 练习 34:分析器

    那么你的分析器就仅仅是一个引擎,它遍历解析树,调用每个产生式的analyze()方法。使用这种风格,你将需要一些状态,它们会传递给每个语法产生式类,这个类应该是第三个类。...通过许多方式,你将使用一组新的类来映射语法分析器的语法产生式,这些新的类接受全局状态,语法产生式,并配置其__init__,使其为分析后的结果。 我建议你现在使用 #2 或 #3 来完成挑战练习。...如果你决定,你的语法产生式将为解释器生成另一组类(请参阅练习 35),那么每次analyze的调用都将返回一个新对象,该对象将放入列表中以供以后使用,或将其作为子树附加到当前对象。...访客模式背后的概念似乎是奇怪的,但它是完全有意义的。每个语法产生式都知道在不同阶段应该做什么,所以你可以把这个阶段代码放在需要的数据附近。...这一切都取决于,你想让错误发生在哪里,以及哪里可以做最有用的分析。如果你将工作放在解析器中,那么你可以马上给出格式化方面的早期错误。

    50320

    JavaScript 内存详解 & 分析指南

    所以当我们通过变量访问对象时,实际的访问过程应该是: 变量 -> 栈内存中的引用 -> 堆内存中的值 ⑵ 当我们把引用类型变量赋值给另一个变量时,会将源变量指向的栈内存中的对象引用复制到新变量的栈内存中...所以,我们要尽量避免动态增删对象属性操作,应该在构造函数内就一次性声明所有需要用到的属性。...Summary(摘要视图) 摘要视图根据 Constructor(构造函数)来将对象进行分组,我们可以在 Class filter(类过滤器)中输入构造函数名称来快速筛选对象。 ?...堆快照-摘要视图 页面中的几个关键词: Constructor:构造函数。 Distance:(根)距离,对象与 GC 根之间的最短距离。...Total Size:总大小,指的是函数总共分配的内存空间大小,也就是包括函数内部嵌套调用的其他函数所分配的大小。 Tree(树状视图) Tree 视图以树形结构展现函数调用层级。

    1.2K10

    ue4 插件开发(ue4性能优化)

    大家好,又见面了,我是你们的朋友全栈君。...文件:插件项目配置文件,JSON格式 .Build.cs文件:每个 .build.cs 文件声明派生自 ModuleRules 基类的类,并设置属性控制器从构造函数进行编译的方式。....uplugin文件中Modules下的LoadingPhase字段说明了模块加载的时机,当满足这个时机时此模块StartupModule函数将被调用。 此插件的功能入口就是从这里开始。...当程序关闭或主动调用ShutdownModule函数时,模块将被卸载。 四种常用模式的插件模板 Blank 空白模板,最简洁的结构,只有模块类和加载卸载函数,一张白纸最好作画了。...和Private文件夹,只保留.Build.cs文件,需要修改.Build.cs文件内容 插件发布 插件发布是指把你开发的插件分享出去给其他人使用,这时候有几个地方要注意 插件发布到哪里?

    3.4K21

    2025新鲜出炉--前端面试题(三)

    函数可以存储在对象的属性中,作为对象的方法被调用。 函数可以创建对象,例如通过构造函数或者工厂函数。 问题:能说一下 js 里面关于原型和原型链的概念吗?...问题:如果是想继承父类的实例属性和实例方法该如何实现 要继承父类的实例属性和实例方法,可以在子类的构造函数中调用父类的构造函数,并使用 call 或 apply 方法来改变 this 的指向: function...super 关键字用于调用父类的构造函数,它有以下作用: 当在子类的构造函数中使用 super 时,它实际上是在调用父类的构造函数。...super 的目的是为了初始化父类的构造函数,确保父类的实例属性能够在子类实例上正确设置。 如果不调用 super,子类就无法正确地继承父类的实例属性和方法。...在这个例子中,Child 类通过 super(name)调用了 Parent 类的构造函数,这样 Child 的实例就继承了 Parent 的实例属性 name。

    11110

    VUE面试题

    }//必须先定义一个函数(构造函数) var personOne=newPerson();//定义一个function,用new关键字去"实例化"...2、document.ready()函数在页面DOM元素加载完以后就会被调用,而onload()函数则要在所有的关联资源(包括图像、音频)加载完毕后才会调用。...返回在.then函数中如果成功,失败则是在.catch函数中 8、axios+tp5进阶中,调用axios.post(‘api/user’)是进行的什么操作?...应用级的状态集中放在store中; 改变状态的方式是提交mutations,这是个同步的事物; 异步逻辑应该封装在action中。 20、vue-loader是什么?使用它的用途有哪些?...action 我们把需求分解成2步来实现 1.把需要缓存和不需要缓存的视图组件区分开 思路如下图: ?

    2.8K22

    前端vue面试题2021_vue框架面试题

    大家好,又见面了,我是你们的朋友全栈君。 一.自我介绍 (我是谁 来自哪里,今天来的目的,面试的岗位是什么,几年的工作经验,掌握的技术栈有哪些,开发过什么项目,项目中负责的板块是什么) 面试官您好!...视图更新之后,基于新的视图进行操作 一般created的时候dom没有渲染,如果要操作dom,最好放在this....应用场景: 经常跟数组有关系 bind() 方法不会调用函数,但是能改变函数内部this 指向,返回的是原函数改变this之后产生的新函数 应用场景:不调用函数,但是还想改变this指向 如果只是想改变....promise如何使用 有什么作用(必背) promise是es6中新增的一个构造函数,是为了解决异步操作中数据调用嵌套(回调地狱)的问题。...(必背) 作用域:变量起作用的范围 变量访问会层层往上级作用域访问直到window,称为作用域链 变量提升:JS编译阶段会将文件中所有var,function声明的变量提升到当前作用域最顶端 50.为什么构造函数的方法要放在

    1.9K40

    真•文本环绕问题的探究和分享

    前言 上周领导安排了一个任务:希望我们的动态展示不是固定把图片展示在文本的上面或者下面,希望图片放在文本内容里,也不需要很复杂的效果,就排版好看就行。...RenderParagraph来完成的 RenderParagraph的构造函数: 在构造函数中又将textSpan交给了TextPainter类 RenderParagraph布局主要过程如下:...,所以将对其包含的所有children(行内元素)进行布局,那么RenderParagraph的children从哪里来的: 其实在RichText的构造函数中已经传给super,交由MultiChildRenderObjectWidget...来看上图中5735行的方法: 其实就是把TextSpan下所有的WidgetSpan全部收集起来了 再回到1处调用,可看到其实代码1的作用就是计算所有的WidgetSpan的布局信息的 分析2:...最难点:文本分割 正如我们所知道的,RichText接收的数据为一个单个TextSpan,且这个TextSpan会有N层嵌套,它不是一个简单文本字符串,如何来计算这个TextSpan该从哪里分割是困扰我最大的问题

    28020

    你不知道的 this 指向优先级

    new 绑定(函数被 new 调用,this 指向由 new 新构造出来的这个对象。) 上文对前两种已经有所理解,现在我们来聚光到后两种。...new 绑定 使用new来调用函数,或者说发生构造函数调用时,会自动执行下面的操作。 1.创建(或者说构造)一个全新的对象。...2.将新对象的[[prototype]](即非es标准的_proto_属性)绑定到构造函数的prototype。 3.这个新对象会绑定到函数调用的this。...在 JavaScript 中,所有的函数都可以被 new 调用,这时候这个函数一般会被称为 “构造函数”,实际上并不存在所谓“构造函数”,更确切的理解应该是对于函数的 “构造器调用模式”。...这个 cat 是哪里来的?是从 Cat 上 new 出来的实例,那这个 Cat 又是从哪里来的呢?是由 Animal.myBind 生成的,你调用了 myBind() 我给你返回的。

    59310

    Kotlin入门(12)类的概貌与构造

    new; 既然Kotlin把init当作初始化函数,那么是否意味着,构造函数的参数应该添加在init名称后面?...,像自定义视图常常需要定义三个构造函数,下面便是某个自定义视图的Java代码例子: public class CustomView extends View { public CustomView(...为了解决该问题,Kotlin设定了主构造函数不是必需的,也就是说,某个类可以把几个构造函数都放在类内部定义,就去掉了主构造函数,据此修改之后的类代码如下: class AnimalSeparate {...未料如此折腾一番,隐隐感觉哪里不对劲,猛然发现改来改去,AnimalSeparate类依旧完整写着两个构造函数,这么做跟Java的构造函数写法又有什么区别呢?...注意到AnimalSeparate类的两个构造函数只是相差一个输入参数,所以完全可以把它们合并成一个带默认参数的主构造函数,新的主构造函数既可以输入两个参数,又可以输入三个参数。

    44920

    asp dotnet core 不正经的提升效率的单元测试方法

    千万不要在我的博客下评论,我的博客的评论做的很渣,如果有很多人都在评论我的博客就用不了 利用原有依赖注入 在 asp dotnet core 的各个类可以在构造函数添加依赖注入的方法,如我的DotNetGitLabWebHook...就在各个类里面的构造函数添加了依赖注入 在 asp dotnet core 默认的构造函数依赖注入非常好用,例如我的 GitLabMRCheckerFlow.cs 用到两个类 Notify 和 FileChecker...services.AddScoped(); services.AddScoped(); 代码请看 Startup.cs 此时获取对象的方法都是放在构造函数参数...而如果需要每个类都自己创建,这个创建效率实在太低,因为创建一个类需要在他的构造函数传入其他类,而这个类的构造函数可能后续修改,这样的单元测试小伙伴都想砍人 简单的方法是在单元测试创建服务...如我需要测试 GitLabWebHookController 我可以给他的构造函数每个参数都在 serviceProvider 获取,此时就不需要手动创建 public void MergeRequestTest

    70120

    JavaScript的工作原理:引擎,运行时和调用堆栈的概述

    The JavaScript Engine Google’s V8 是流行的 JavaScript 引擎之一。V8 引擎用于 Chrome 和 Nodejs。这是一个简化版的视图: ?...那么,他们来自哪里? 事实证明,它们来历有点复杂。 ? 除了引擎,实际上还有很多其他东西。...调用栈(Call Stack)是一种数据结构,它主要是记录 JavaScript 整个执行过程。如果我们执行一个函数,我们将把它放在栈的顶部(压栈);如果函数返回,会弹出堆栈的顶部(出栈)。...调用栈中的每个条目称为堆栈帧(Stack Frame)。 这正是抛出异常时堆栈跟踪的构造方式 - 它基本上是异常发生时调用栈的状态(异常后的全过程)。...然而,在某些时候,调用堆栈中的函数调用数量超过了调用堆栈的实际大小,浏览器会抛出看起来像这样的错误: ?

    1.5K31

    2014-10-31Android学习------SQLite数据库操作(四)-----数据库模块(二)增删改查实例展示

    首先需要让当前的数据库销毁掉,然后再调用上面的onCreate函数就可以 4).就下来就是写自己的表操作函数,增删改查 2.展示界面的实现 1).这里也是自定义了一个ListView控件,那么我需要给配置一个适配器...作为替代,可以使用LoaderManager用CursorLoader 这里说应用程序的UI线程可能会导致异常,应该是当数据量过大的时候,查询时间需要很久,超过6秒,那么就会出现anr异常把,我猜是这种...from:表中的数据列名的列表绑定到用户界面。意思就是把游标中那个列的数据绑定到界面中去 to:这些都应该是TextViews。.../u014737138/article/details/40481965 这个构造函数先就说这么多吧 时间有限 我们继续: 2).设置适配器 上面我们把适配器构造出来,接下来就是让ListView...,当这个新的游标值返回来的时候(当你定义的新的游标有值的时候),你就能够在异步更新视图列表中做到这一点(让数据库中最新的数据显示在列表中) 下面我们要思考为什么重复查询很危险,不推荐使用呢,我想更上面的那个构造

    60140

    谈对象MVC多端

    你可能会用黑白屏显示、也可能会用彩色屏显示、也可能会用语音播报,这种情况就不能把显示温度放在Temp.c里面,而是应该在业务C文件里把数据读出来运算处理,最后把数据传到对应的显示设备的C文件中去展示。...为什么要MVC和怎么MVC MVC即是模型-视图-控制器的意思,但实践中,我发现这种统一的MVC说法并不能适应到程序编程的各行各业。...如果是页面请求,则把数据返回给页面控制器,注意这里是函数 return而不是打印输出。...6、页面控制器收集好各个调用到的逻辑控制器返回的数据,利用框架内置的模板引擎或者Smarty引擎,将数据赋值到页面文件中,最后渲染页面输出。...然后这样的关键就来了,既然有那么多的模块,那么多的类,那么多的模型,如果要新增一个功能那应该写在哪里呢?

    75220

    JavaScript高级程序设计-性能整理(一)

    因为 const let 都以块(而非函数)为作用域,所以相比于使用 var,使用这两个新关键字可能会更早地让垃圾回收程序介入,尽早回收应该回收的内存。...a.x + b.x; resultant.y = a.y + b.y; return resultant; } 调用这个函数时,会在堆上创建一个新对象,然后修改它,最后再把它返回给调用者。...,引擎会删除大小为 100 的数组,再创建一个新的大小为200 的数组。...这个构造函数接收任意多个字符串参数,最后一个参数始终会被当成函数体,而之前的参数都是新函数的参数。...不过,把函数想象为对 象,把函数名想象为指针是很重要的。而上面这种语法很好地诠释了这些概念。 11.3.3 异步函数策略 如果在前面的例子中使用的是异步函数,那又会怎样呢?

    67620
    领券