11

私はjavascript開発を始めており、node.jsを残りのAPIとして使用し、バックボーンを使用するクライアントを使用して簡単なプロジェクトを作成しました.jsからテンプレートを取得するまで、すべてが完璧に見えます.

私はさまざまなアプローチを見つけました.いくつかの時間（1歳のようなもの）がありますが、どれがより良いか理解できません:

  • html コードを含む var を含む .js ファイル

    長所->ロードが簡単で、アンダースコアに渡してコンパイルするのが簡単です。

    cons -> 1 行ごとにスケープします。

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

    テンプレートをロード:

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

アンダースコアの外部テンプレート

  • テキストプラグインを読み込むには、require.js を使用します。

    長所 -> 必要に応じてさまざまなテンプレートをロードします。

    短所 - >「ローダー」関数内にすべてを配置するアプローチは好きではありません...

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

RequireJS: テンプレートと CSS を含むモジュールのロード

  • AJAX 請願でテンプレートをロードする関数。

    長所 -> 必要なテンプレートをロードして、ローカル ストレージの可能性を追加できます。

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

    function() {

var templateLoader = {... $.get calls ...}

アンダースコア テンプレートを非同期的に読み込む最良の方法

  • そして、とても気に入ったテンプレート読み込み用の Jquery プラグインがリリースされなかったようです。

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

require が最善のアプローチのようですが、何かが足りないのかもしれません。学習/楽しい段階にあるので、できるだけきれいにしたくありません:D

優れた構造またはこれに関する光を備えた優れた記事またはgithubプロジェクトは高く評価されます。

ありがとう。

英語を話す人ではなく、大きなスペルミスを許してください:)

--編集--require.js http://www.youtube.com/watch?v=VGlDR1QiV3Aで物事を開始してラップする方法を理解するための興味深いビデオを見つけました

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

4

2 に答える 2

2

Requireは、リストしたものの中から適切なオプションです。

単純に考えていない理由はありますか？

  1. <script type='text/template'>テンプレートをノードとして使用するページに保存しますか？

  2. テンプレートをテキスト（非JS）ファイルとして保存し、それらを使用するページにXHRを介してロードしますか？

于 2012-12-31T08:57:40.923 に答える
2

テキストプラグインでrequire.jsを使用することをお勧めします。のようなものを使用するだけでなく、html テンプレートを javascript 変数の文字列として混在させることは悪い考えです<script type="text/template"></script>。

テンプレートの読み込みとプロジェクトのビルドもカバーする backbone.js の非常に優れたシリーズの 1 つを次に示します: http://dailyjs.com/2012/11/29/backbone-tutorial-1/。Github プロジェクトも提供されています。

于 2012-12-31T10:17:29.497 に答える