Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是';如果我们使用backbone.js,我们可以写html代码吗?_Javascript_Jquery_Html_Backbone.js - Fatal编程技术网

Javascript 是';如果我们使用backbone.js,我们可以写html代码吗?

Javascript 是';如果我们使用backbone.js,我们可以写html代码吗?,javascript,jquery,html,backbone.js,Javascript,Jquery,Html,Backbone.js,我正在学习backbone.js,我看到了一些类似的例子。在这里,用户没有在editor.html中编写太多html代码。只有4行代码。但对于颜色变化、大小变化等,他在editor.js 请帮助我了解我们需要保存在.html文件中的所有代码 <div id="page" style="width:2000px;height:2000px;"> <button id="new-rectangle">New Rectangle</button> &

我正在学习backbone.js,我看到了一些类似的例子。在这里,用户没有在
editor.html
中编写太多html代码。只有4行代码。但对于颜色变化、大小变化等,他在
editor.js

请帮助我了解我们需要保存在
.html
文件中的所有代码

<div id="page" style="width:2000px;height:2000px;">
    <button id="new-rectangle">New Rectangle</button>
    <button id="new-circle">New Circle</button>
</div>

新矩形
新圈子

无论您想在浏览器上显示什么,都可以将其保存在
文件中。运行时更新dom的逻辑应该在
.js
文件中。

您应该将所有html放在.html文件中。随着应用程序的发展,它将帮助您将它们分开。您链接到的示例是一个“简化”版本-这不是您在实际应用程序中构建内容的方式。您可以从render函数中的模板加载html。一种模式(虽然由于我依赖脚本标记,这也被简化)是:

HTML文件:

[...SOME HTML...]
<script type="text/html" id="template-contact">
  <div class='contact'>
    <h1>Here's my template code</h1>
    <strong>name</strong>
    <span>email</span>
  </div>
</script>
然后在主干代码的其他地方创建视图的新实例并进行渲染

var example = new view_name();

example.render(); //This loads the html template 

如果需要从服务器动态加载html,可以在模板“”中使用下划线(或正在使用的任何模板引擎)标记并使用模型。这在Addy Osmani的《开发主干网.js应用程序》一书中得到了最好的解释,该书非常免费。我知道你很有天赋,但正如我说的,我是一个学习者,如果你不能帮助我,也不能鼓励我,那么请不要让我泄气。我相信你失败的原因(不是我)是因为你没有具体的问题“这是坏的,这是我试图修复它的方法。StackOverflow旨在回答此类问题,而不是一般的“最佳实践”“问题。就目前而言,你的问题非常广泛。@JonP感谢分享信息,我看到了很多问题,比如我在哪里可以下载主干js,如何开始等。所以我想我们也可以问这类问题。而且对于未来的初学者来说,可能会受益匪浅谢谢你的回答,我希望你不是投票人。如果我想显示不同的图像,那么我将保留在哪里。例如,有3个按钮。如果单击第一个按钮,则显示第一个图像,单击第二个按钮,然后显示第二个图像将图像标记放入html文件中,第一个可见,另外两个隐藏(显示:无),现在逻辑进入js,点击按钮相应地改变可见性。再次感谢。如果图像是动态的,那么我将把图像保存在哪里。如果图像是动态的,那么整个逻辑将进入js。不用谢,如果答案有用,就把它标记为答案。我不能帮你否决你的帖子。谢谢你的答案,+1。虽然我接受了答案,但我觉得它没有用。你能发布你的答案,也能告诉我小提琴是否符合主干MVC吗?我能期待你的回复吗?很高兴你发现它有用-我现在要处理其他事情了,所以不能再看另一个问题了。也许明天可以查看。哦,是的,但请看一看,如果可能的话请回答。再次感谢。我也会投票支持你的答案
var example = new view_name();

example.render(); //This loads the html template