2012-12-31 15 views
11

私はjavascript開発を開始しています。残りのAPIとしてnode.jsを使用し、バックボーンを使用するクライアントとして単純なプロジェクトを行いました。バックボーンを使用したテンプレートのロードjs

私は(のような1歳)いくつかの時間と異なるアプローチ、それらのいくつかを見つけたが、私は1つが良くなる可能性が理解できない

  • A .jsファイルをHTMLでVARとコード

    pros - >読み込みが容易で、コンパイルするための下線に簡単に渡すことができます。

    cons - > scape every every line。

    app.templates.view = " \ 
    <h3>something code</h3> \ 
    "; 
    

    ロードテンプレート:

    template: _.template(app.templates.view) 
    

External template in Underscore

  • 使用すると、テキストプラグインで読み込むためにrequire.js。

    pros - >必要に応じて別のテンプレートを読み込みます。

    短所 - >私は "ローダー" 機能内のすべてのものを置くアプローチを好きではない...

    define(["TemplateEngine", "text!templates/template.html"], function(... 
    

RequireJS: Loading modules including templates and CSS

  • テンプレートをロードする機能AJAXの申立てで

    pros - >必要なテンプレートを読み込み、ローカルストレージの可能性を追加できます。

    cons - >本番環境では、すべてのテンプレートを1つのファイルにマージする必要があるようです。

    function() { 
    
    var templateLoader = {... $.get calls ...} 
    

Best way to asynchronously load underscore templates

  • とjQuery、私は本当に気に入ってテンプレートの読み込みのためのインプラグインが、それは解放しに行きませんでしたようですか?必要

http://api.jquery.com/jQuery.template/

それはそうでは最良の方法ですが、多分私は何かが欠けていて、私は楽しんで/私は学習にいるので、できるだけきれいなようなものを作るためにwan'tありませんフェーズ:D

良い記事やgithubプロジェクトは、良い構造やこれに関する光があれば歓迎されます。

ありがとうございました。

言い訳あらゆる主要なスペルの間違いではなく、英語話者:)

--EDIT-- が起動し、require.jsで物事をラップする方法を理解するために、いくつかの興味深い動画を見つけました http://www.youtube.com/watch?v=VGlDR1QiV3A

http://www.youtube.com/watch?v=M-wjQjsryMY

答えて

2

textプラグインでrequire.jsを使用することをおすすめします。 HTMLテンプレートをjavascript変数の文字列として混ぜることは、悪い考えであり、<script type="text/template"></script>のようなものを使用することです。

ここでは、テンプレートの読み込みとプロジェクトのビルドについても説明しているbackbone.jsのシリーズがあります:http://dailyjs.com/2012/11/29/backbone-tutorial-1/。 Githubプロジェクトもそこに用意されています。

+0

Thx私は見ています、

2

あなたがリストしたものの中から、良いオプションが必要です。 <script type='text/template'>ノードとしてそれらを使用しているページで

  1. 保存するテンプレート:

    あなたは、単に考慮されていない理由はありますか?

  2. テンプレートをテキストファイル(非JSファイル)として保存し、それらを使用するページでXHR経由でロードしますか?

+0

thx、あなたの提案を見てください:) – Goofyahead

関連する問題