コールバック関数内のthisを束縛する - Qiita
今回はBackbone.jsが依存するunderscore.jsに関する話題です。 Backbone.jsに限らず、JavaScriptではコールバック関数内でthisがグローバルのwindowを差してしまうため、この問題に対処するために、以下のようにthatやselfといった変数にthisを代入してコールバック内で使うということをすることがあると思います。 function () { var that = this; someFunc(function () { this; // window that; // 外側のthis }); }
jQuery、underscore.js、backbone.jsのbindメソッドについて - メモ置き場
backbone.jsのサンプルコードを読んでいると、bindという名前のメソッドがよく使われてます。 そして、bindという名前のメソッドはbackbone.jsにも、underscore.jsにも、jQueryにも定義されています。 慣れている人は問題ないのでしょうが、私は読んでいて混乱したので、それぞれの定義と、サンプルで使い方をまとめておきたいと思います。 backbone.jsのbindメソッド object.bind(event, callback, [context]) レシーバオブジェクトの'change'や'destroy'などのイベントに、コールバックを紐付けます。 第３引数にcontextを渡すことによって、callback実行時の「this」を設定できます。 jQueryのbindメソッド .bind( eventType [, eventData] , handl
BACKBONE.JSによるWebアプリケーション開発について
フロントエンドとJavaScript JavaScriptのMV*向けライブラリ BACKBONE.JSによるWebアプリケーション開発について 「オープンソースカンファレンス 2013 福岡」の HTML5と最近のフロントエンド事情で発表した資料です。 Read less
Backbone.jsでつくるMVPなUIパターン【タブ】 | DevelopersIO
今回はBackbone.jsを使ってタブUIを作ってみたいと思います。デザインはTwitter Bootstrapをつかって以下のようにしました。 世界的に名高い企業の名前が並んでいますね。 デザインはhtmlを仮組みしてBootstrapで既にできていることにします。（本題と離れてしまうので…すみません＞＜） ボタンの部分に active というクラスをつけると選択中のデザインに変わり、 内容の部分におなじく active というクラスをつけると display: block; となり表示される仕組みです。 すべてactiveな状態 すべて非activeな状態 htmlはこちらです <div id='ui-tab'> <ul class='nav nav-tabs'> <li class="active"> <a href="#apple">Apple</a> </li> <li> <a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
