[B! jQuery] hiroktsのブックマーク

hirokts id:hirokts

jQueryに関するhiroktsのブックマーク (12)

jQueryのDeferredの基本的な使い方メモ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hirokts 2016/08/09
jquery
リンク
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。非同期処理を連結
hirokts 2016/07/13
jQuery

deferred
リンク
jQuery + Flux という選択肢 - peroli Developer's Blog
2016 - 05 - 27 jQuery + Flux という選択肢 JavaScript Front-End こんにちは、 SKAhack です。普段はMERYのWebフロントエンドを主に書いています。今回はMERYのフロントエンドで採用している jQuery + Flux という構成を紹介してみたいと思います。なぜReactではなく jQuery か普通はReact + Fluxで語られることが多いですが、MERYでは JavaScript のソースコードの大半が jQuery に依存しており、簡単には jQuery を捨てられない状態です。また、Viewの変更をする２つのライブラリを共存させるのも良くないですし、MERYのサービス特性上、現時点で1画面を頻繁に書き換えるような処理は少ないこと、ReactがサポートしていないIE8など古いブラウザもサポートしているとい
hirokts 2016/05/27
jQuery

Flux
リンク
[WIP]これからの生JS & jQueryとの付き合い方 // Speaker Deck
All slide content and descriptions are owned by their creators.
hirokts 2016/04/10
jQuery
リンク
jQuery で特定の DOM の表示が完了したタイミングを取る
特定の DOM の表示が完了したかどうかは ready() で取得することができます。 var target = $('<div id="target"></div>'); $('body').append(target); target.ready(function() { console.log('target の準備が完了'); }); 一般的に、ドキュメントがロードされた時には以下のように書いていると思います。 $(function() { // ドキュメントロード後の処理 }); これと同じで、スクリプトの実行中に新しく作られた DOM についても、表示が完了してから操作すべき場合があります。例えば、DOM の高さを測ったりする場合です。 var target = $('<div id="target"></div>'); $('body').append(target);
hirokts 2016/03/28
DOM

jQuery
リンク
jQueryの基本 - $(document).ready - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hirokts 2016/03/10
jQuery
リンク
jQueryの読込み「ready」と「load」と「function」の順番について | web-wizardry
インターネット・スマホ、そしてテレビにwebの魔法をWizardry
hirokts 2016/03/10
jQuery
リンク
jQueryのeachの仕組みを徹底的にわかりやすく解説してみた。 · DQNEO日記
eachのキホン：要素を１個ずつ処理するまずおさらい。このようなHTMLがあるとします。 <ul> <li>foo</li> <li>bar</li> </ul> eachを使うと、要素１個ずつに対して順繰りに処理を行うことができます。 <script> $(function(){ $('li').each(function(){ alert( $(this).text() ); // 'foo', 'bar'と表示 }); }); </script> これがキホンです。変形してみる上のeach式は、下のように変形できます。 (一番外側のブロック$(function(){....})は省略します) $.each( $('li'), function(){ alert($(this).text()); }); さらに変形してみます。グローバル変数 "$" はグローバル変数 "jQu
hirokts 2016/02/23
jQuery
リンク
jQuery.extendとjQuery.fn.extendとプロトタイプチェイン - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年07月10日09:59 JavaScript jQuery.extendとjQuery.fn.extendとプロトタイプチェイン最近、jQuery.extend と jQuery.fn.extend の違いが気になったので調べました。いきなり結論ですが、簡単に言うと jQuery.extend がクラスメソッド（クラスプロパティ）を追加するもので、jQuery.fn.extend がインスタンスメソッド（インスタンスプロパティ）を追加するものです。終わり。 jQuery.extend：クラスメソッドを追加する jQuery.fn.extend：インスタンスメソッドを追加する・・・だとあまりにも寂しいので具体例を挙げてみますw まず、jQuery.extend の場合。jQueryそのものからメソッドやプロパティが直接参照できているのがわかりますね。 jQuery.exten
hirokts 2016/02/22
jQuery
リンク
漢は黙ってjQuery
漢は黙ってjQuery - Download as a PDF or view online for free
hirokts 2015/12/14
jQuery
リンク
短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる - Yukihy Life
HTML、CSSの勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。そこで、jQueryを勉強するとき、効率良く身につけられる方法を書いていきたいと思います。僕自身いろんな本やツールに手を出しながら進めてきたので、実際に下の通りに行ったわけではありませんが、もう一度勉強しなおすとしたらこういったようにやるなといった感じです。それではレッツゴー！ jQueryを身につけるための最短ステップステップ１　Progateで手を動かしながら学ぶステップ２　平行してWebデザインレシピの記事を読むステップ３　ドットインストールで総復習&補完ステップ４　書籍を参考に実際に作ってみる作りながら学ぶjQueryデザインの教科書
hirokts 2015/10/09
jQuery
リンク
[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
hirokts 2015/07/23
jQuery
リンク
1