首页
学习
活动
专区
工具
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,因为还需要考虑到函数当作构造函数调用情况

76520

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

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

29020
  • 前端八股文总结

    通过 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 类,专门来处理本地数据存取。 数据存取放在专门类中,就可以针对存取做额外事情了。...比如: 对一些热点数据增加缓存 处理数据迁移相关逻辑 如果要做得更细,可以存储引擎再抽象出一层。

    34720

    视图view类-源码解析

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

    65410

    记一次对wuzhicms审计

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

    56920

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

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

    49820

    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.3K21

    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

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

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

    26720

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

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

    1.9K40

    你不知道 this 指向优先级

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

    59110

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

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

    1.5K31

    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

    69520

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

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

    44820

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

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

    59640

    谈对象MVC多端

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

    75020

    python flask入门

    sudo apt-get install virtualenv 安装后,将在文件夹中创建虚拟环境。...Flask类一个对象是我们WSGI应用程序。 Flask构造函数使用当前模块(name )名称作为参数。...Flask类route()函数是一个装饰器,它告诉应用程序哪个URL应该调用相关函数。 app.route(rule, options) rule 参数表示与该函数URL绑定。...在大型应用中,业务逻辑和表现内容放在一起,会增加代码复杂度和维护成本....这个模板引擎来渲染模板 使用模板好处 视图函数只负责业务逻辑和数据处理(业务逻辑方面) 而模板则取到视图函数数据结果进行展示(视图展示方面) 代码结构清晰,耦合度低模板基本使用 在项目下创建 templates

    1.1K11

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

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

    66920
    领券