Javascript 当我们第一次使用Ember JS启动应用程序时会发生什么?

Javascript 当我们第一次使用Ember JS启动应用程序时会发生什么?,javascript,ember.js,ember-data,ember-cli,ember-cli-pods,Javascript,Ember.js,Ember Data,Ember Cli,Ember Cli Pods,我是ember的新手,我浏览了ember JS文档有一段时间了,突然想到了两个问题。我甚至在网上冲浪了几个小时,几乎找不到解决办法。因此,它们是: 问题1: 引用余烬文件 应用程序在应用程序首次启动时输入。一如以往 其他路由,默认情况下将加载应用程序模板 上面引号中的应用程序表示应用程序路径,根据文档,该路径在应用程序启动并呈现应用程序.hbs时加载。申请路线在哪里 问题2: router.js文件在控制流中的什么位置加载?申请路线前还是申请路线后 请求: 此外,如果有人能帮助我完成Ember

我是ember的新手,我浏览了
ember JS文档有一段时间了,突然想到了两个问题。我甚至在网上冲浪了几个小时,几乎找不到解决办法。因此,它们是:

问题1:

引用余烬文件

应用程序在应用程序首次启动时输入。一如以往 其他路由,默认情况下将加载应用程序模板

上面引号中的
应用程序
表示
应用程序路径
,根据文档,该路径在应用程序启动并呈现
应用程序.hbs
时加载。申请路线在哪里

问题2:

router.js
文件在控制流中的什么位置加载?申请路线前还是申请路线后

请求:

此外,如果有人能帮助我完成Ember JS的完整流程(从用户输入
localhost:4200
时开始),我将不胜感激


谢谢。

我试试看。。。但我也被这些东西弄糊涂了

  • Ember解析器基于命名约定做了大量工作。默认情况下,Ember安装已经创建了一些东西——但在构建/或过程中的某个时间——它将创建可能隐含但您没有创建的控制器和路由。例如您的文件夹结构中没有
    application.js
    路由。。。但是余烬在幕后的神秘地带创造了它。这可能是为了让您不需要考虑表面积-如果您没有明确使用它。就像“路线”一样,它也会创建一个控制器。在呈现模板之前,“输入”路由-因为它需要定义模型之类的东西-顺便说一句/这只是在可能不存在的(据您所知)同名控制器上设置的属性。()其他隐式路由是/index/error/loading等,对于每个路由,它们都在那里,即使您看不到文件。如果要使用它们,则需要显式创建它们(使用CLI)
  • 我只能想象路由器在你进入任何一条路由之前已经加载好了。。。否则,它就不知道如何解决问题了?-明白了。。。尝试创建一个应用程序路由,并实际将其添加到路由器。事情会破裂的。但好的一面是,你不必键入一条无论发生什么情况都在那里的路线
  • 我还不确定是否还有更多的细节,但我认为这是一条通过小孔移动的线,根据模型和属性在每个范围内拾取更多数据
  • 这里有几件事需要仔细考虑:

    此外,迈克·诺斯关于前端大师的课程也详细介绍了这方面的内容但你不仅仅是在学习余烬。。。你正在学习ember制作的所有东西,比如es2015——在这个区域没有太多的同理心


    如果你能克服最初的神秘-余烬是超级有趣。:)

    看来你的主要问题已经解决了,我会看看我能否回答你的主要应用程序流问题

    Ember运行一系列步骤来“打开”您的应用程序:

    • 应用程序已打开(运行初始值设定项)
    • 应用程序实例打开(运行实例初始值设定项)
    • 应用实例加载router.js文件
    • 路由器加载应用程序路由/控制器
    • 路由器加载指定的路由/控制器(如果未指定,则返回到
      索引
      路由/控制器)

    这一部分在本页()所示的图表中进行了概述,但看起来我们可以对其进行改进,使其更加清晰。如果你有时间/兴趣,希望能得到一些帮助来更新图片!所以,我认为它是这样工作的:localhost:4200-->/index.html-->application.hbs被放置在index.html-->的
    {{content for“head”}
    中,然后路由器根据URL加载路由。这是正确的吗?我认为head的内容是插件将脚本和css放置在
    ,而footer的内容则放在
    的正上方,比如wordpress中的
    wp_head()
    ,或者基本上是HTML中的最佳实践我认为Apple。HBS只是在身体的某个部位。但是当我注释<代码>内容<代码> >应用程序时,HBS无法呈现。“App/Dex.html文件为您的应用程序奠定了基础。这就是基本DOM结构的布局、title属性的设置和样式表/javascript包含的完成。除此之外,app/index.html还包括多个钩子—{{content for'head'}}和{{content for'body'}},插件可以使用这些钩子将内容注入应用程序的头部或主体。这些钩子需要保留在适当的位置,以便应用程序正常运行,但除非您直接使用特定的插件,否则可以安全地忽略它们。”因此,模板可能加载到
    {{content for'body}