[解決済み] backbone.jsの目的は何ですか?
質問事項
backbone.jsのサイトを見て、その有用性を理解しようとしました。 http://documentcloud.github.com/backbone しかし、まだあまり理解できていません。
どなたか、その仕組みと、より良いJavaScriptを書くためにどのように役立つかについて、説明していただけませんか?
どのように解決するのですか?
Backbone.jsは、基本的に超軽量なフレームワークで、Javascriptのコード構造を MVC (モデル、ビュー、コントローラ)方式で...
モデル は、データの取得と投入を行うコードの一部です。
表示 はこのモデルのHTML表現です(モデルの変更に伴ってビューも変更されるなど)。
とオプションの コントローラ この場合、Javascriptアプリケーションの状態をハッシュバンURLを介して保存することができます。 http://twitter.com/#search?q=backbone.js
Backboneで発見したいくつかの長所。
-
もうJavascriptのスパゲッティはいらない:コードは整理され、意味的に意味のある.jsファイルに分解され、後でJAMMITを使って結合される。
-
これ以上
jQuery.data(bla, bla)
: DOM にデータを格納する必要がなく、代わりにモデルにデータを格納する。 -
イベントバインディングが機能する
-
非常に便利なUnderscoreユーティリティライブラリ
-
backbone.jsのコードはよく文書化されており、とても読み応えがあります。JSコードのテクニックの数々に目を見張るものがありました。
短所
- 私はJavascriptの初心者なので、この機能を理解し、自分のコードに適用する方法を見出すのに時間がかかりました。
RailsをバックエンドとしてBackboneを使用するための素晴らしいチュートリアルのセットです。
CloudEdit: A Backbone.js Tutorial with Rails:
http://www.jamesyu.org/2011/01/27/cloudedit-a-backbone-js-tutorial-by-example/
http://www.jamesyu.org/2011/02/09/backbone.js-tutorial-with-rails-part-2/
p.s. このような素晴らしいものもあります。 コレクション クラスは、モデルのコレクションを扱ったり、ネストされたモデルを模倣したりすることができますが、最初から混乱させたくはありません。
関連
-
vue ディレクティブ v-html と v-text
-
[解決済み] Access-Control-Allow-Originヘッダーはどのように機能するのですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] Node.jsのmodule.exportsの目的と使い方を教えてください。
-
[解決済み】JavaScript版sleep()とは?)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
要素ツリー制御によるvueTreeテーブル
-
Vue+ElementUIによる大規模なフォームの処理例
-
Vueにシンプルなメモ帳機能を実装
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
[解決済み】ローカルファイルを開くことができません - Chrome: ローカルリソースの読み込みが許可されていない
-
[解決済み】gulp anythingを実行するたびに、アサーションエラーが発生します。- タスク関数を指定する必要があります
-
nullのプロパティinnerHTMLを読み取れません エラーメッセージ
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
モジュールのビルドに失敗しました。Error: ENOENT: no such file or directory, scandir 'D:\.... \node_modules