jQuery でのページ設計 · GitBook
jQueryでのページ設計 jQueryで処理を書く場合、1つの関数にベタッと書きがち 問題点 読めないコードになる テストが難しい MVC の章で挙げたブックマークページの例。 (function () { var $bookmarks = $('.bookmark-container'); var $bookmarkList = $bookmarks.find('.bookmark-list'); // ブックマーク入力フォーム var $bookmarkInput = $bookmarks.find('.bookmark-input'); var $bookmarkButton = $bookmarks.find('.bookmark-button'); var bookmarkTemplate = _.template('<li><%- body %></li>'); // イベン
ReactをjQueryの数行に要約する | POSTD
「Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか？ Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
