2014-02-12 84 views
-1

我在學習backbone.js,我看過一些例子,如this one。這裏用戶沒有在editor.html裏面寫很多html代碼。只有4行代碼。但是對於顏色變化,尺寸變化等,他在editor.js裏面做過如果我們使用backbone.js,我們是否允許編寫html代碼?

請幫助我瞭解所有的代碼,我們需要保持內部.html文件

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

@downvoter我知道你是有才華的人,但正如我說的我是一個學習者,如果你不能幫助我,並不能鼓勵,那麼請不要勸阻我 – rocking

+0

我相信downvote的原因不是我)是因爲你沒有一個特定的問題,「這是壞的,這是我試圖解決的問題,我做錯了什麼」。 StackOverflow專門用於回答這些問題,而不是普通的「最佳實踐」問題。現在你的問題非常廣泛。 –

+0

@JonP感謝分享信息,我看到很多問題,比如我在哪裏可以下載骨幹js,如何開始等等。所以我想我們也可以問這種類型的問題。並且對於未來的初學者也可能會受益 – rocking

回答

-1

無論你想顯示在瀏覽器上,你可以把它放在.html文件和邏輯來更新運行時的DOM應該是在.js文件中。

+0

謝謝對於答案,我希望你不是downvoter.If我想要顯示不同的圖像,那麼我將保持在哪裏。例如,有3個按鈕。如果單擊第一個按鈕,然後顯示第一個圖像,然後單擊第二個按鈕,然後顯示第二張圖像 – rocking

+0

將圖像標籤放在HTML文件中,第一個可見和其他兩個隱藏(顯示:無),現在邏輯進入js點擊相應的按鈕更改可見性。 –

+0

再次感謝。如果圖像是動態的,那麼我將在哪裏保存圖像。 – rocking

1

您應該將您的所有html放在.html文件中。隨着應用程序的增長,它將幫助您將它們分開。你鏈接的例子是一個'簡化'版本 - 這不是你如何在實際的應用程序中構造東西。您可以在渲染函數中從模板加載html。 A(雖然這也被簡化了,因爲我依靠腳本標記)模式將是:

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> 

然後在你的骨幹視圖渲染功能:

render: function() { 

    template: _template($('#template-contract').html(), 

    this.$el.html(this.template()); 
    return this; 
} 

然後某處否則在你的Backbone代碼中創建一個新的視圖實例並渲染它。

var example = new view_name(); 

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

如果您需要從服務器動態加載HTML,您可以使用下劃線(或任何模板引擎您正在使用)標籤模板「<%>」和使用模式。這在Addy Osmani的書中得到了最好的解釋。開發Backbone.js應用程序其中,令人難以置信的是免費的。這裏的the link to the relevant section

+0

感謝您的答案,+ 1.在這[問題](http://stackoverflow.com/questions/21750110/how-to-collect-all-the-images-from-a-folder)雖然我接受了答案但我沒有覺得它有用。你可以發佈你的答案,也可以告訴我,如果小提琴是根據骨幹MVC? – rocking

+0

我可以期待您的回覆嗎? – rocking

+0

很高興你發現它很有用 - 現在我必須照顧別的東西,所以不能看另一個問題。明天可能會檢查出來。 –

相關問題