タグ

*jQueryとtipsに関するyamadarのブックマーク (3)

  • 複雑なHTMLを動的にロードするとき,JSテンプレートを利用するとよい - Qiita

    完全に遅れてしまっていてもはやAdvent Calendarではなくなっている「Backbone.js Advent Calendar」ですが,なんとか25日まで続けます:) ちなみに昨日までの「Backbone.js入門」シリーズ(by @taka84u9)がとてもわかりやすいので,Backbone.jsを使ったことのない人はまずそちらから読むのがおすすめです. (http://qiita.com/adcal/backbone の12/11分より) はじめに Ajaxを利用して動的にHTMLをロードするとき,対象HTMLが複雑になってくるとJSだけで作るのはコストが大きくなってきます.(appendの山) またぱっとコードを見たときにどういうHTMLになるかわからず,デザイナーと共同作業もやりにくくなります.タグを1つ追加したいだけなのに,JSのコードを読んで追加処理を書くのはかなり面倒

    複雑なHTMLを動的にロードするとき,JSテンプレートを利用するとよい - Qiita
  • ボーイフレンドを直す方法 あるいは賢いjQuery.Deferredの使い方 - mizchi's blog

    問題 モバイルは回線が不安定なので、ロードの失敗が頻繁に起こります。 開発時は高速なwifi環境で開発しているので、リリース間近になって帯域を圧迫していることに気づいたりします。 解決方法 画像を先読みします var preload = function(src){ var d = $.Deferred(); var img = new Image; img.src= src; img.onload = d.resolve img.onerror = d.reject return d.promise(); }; 何をやっているかというと、空のimgタグをつくってそこに画像を読み込みます。その過程でブラウザキャッシュに画像が保存されます。正確に言うとこの時点ではどこにも紐付いていないのでGC対象ですが、その後すぐDOMに画像をはるなら問題ありません。 並列で先読みする(速い・不安定) va

    ボーイフレンドを直す方法 あるいは賢いjQuery.Deferredの使い方 - mizchi's blog
    yamadar
    yamadar 2013/12/17
    参考になる
  • ブックマークレットで jQuery を使う魔法の 210 文字 - Qiita

    「ブックマークレットで jQuery を使う魔法の 210 文字」という記事を ブログ に書いたのですが、ここ Qiita ではその技術的な解説をしてみようと思います。 やりたい事はそのものずばり、ブックマークレットの中で jQuery を使うという事です。 ちょっとした処理の自動化や簡単なツールなど、よくブックマークレットを書いて活用しているのですが、ブックマークレットだと素の JavaScript を書かなければならず、DOM 操作が含まれる事をやろうとすると、jQuery に慣れた身には面倒くささが先に立ってしまいます。 ならば、ブックマークレットで jQuery を使えるようにすればいい!というのが今回の趣旨になります。 まず方針として、どんなページでブックマークを起動してもちゃんと jQuery が使えるようにしたいです。ですので、jQuery 体は自前で調達しなければなりませ

    ブックマークレットで jQuery を使う魔法の 210 文字 - Qiita
    yamadar
    yamadar 2013/10/01
    “(function(f, s){ s = document.createElement("script"); s.src = "//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"; s.onload = function() { f(jQuery.noConflict(true)) }; document.body.appendChild(s) })(function($){ console.log($().jquery); });”
  • 1