[B! tips][*jQuery] yamadarのブックマーク

yamadar id:yamadar

tipsと*jQueryに関する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のコードを読んで追加処理を書くのはかなり面倒
yamadar 2014/04/01
text/template

*javascript

*html

tips

*backbone.js

*jQuery
リンク
ボーイフレンドを直す方法　あるいは賢い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
yamadar 2013/12/17
参考になる

*javascript

*jQuery

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

*jQuery

*javascript

tips
リンク
1