カテゴリー
js

jquery.min.mapか〜ら〜の〜 source map ってなんぞ

chromeで「.min.mapがねぇ」ってエラー吐くから調べた。
jquery使用ページのjs検証がしやすくなるデバッグ用ツールらしい。けどそんなの見ぬ。邪魔じゃ。

調べたらソッコーでてきた。私と同じノリのtitleww
■jquery.min.mapってなんだよ – メモメモ^^
http://d.hatena.ne.jp/online106/20130912/1378982156

source mapの説明と利用方法
■jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話 – てっく煮ブログ http://tech.nitoyon.com/ja/blog/2013/01/29/jquery-source-map/

いらんから消しとく方法
■ChromeでjQueryの「ソースマップ」読み込みがエラーを起こしていた件 | design programming
http://www.dprog.info/jquery/chrome_jquery_min_map/

カテゴリー
js

JSのevent間引くとかthrottleとか何さ。

案件で何度も江見さんに間引いて!とか間引いたら!?とか言われててずっとふーんて無視して…いや、時間なくて調べられてなかったので今回やろうとおもってぐぐった。

jquery throttle??なんぞ

■はじめにみた。はじめにこれ見ててよかった

https://0-9.tumblr.com/post/11359819444/javascript-event-throttle

ふーん。私がやってるスクロール量を割ってイベントの処理を1/2とか1/4とかにするのとはまた違うのね。

■ほんとはこれが一番にヒットしてた。具体的な使い方書いてらっしゃる
http://ktkne.st/elab/post/2012/strcount-throttle-debounce.html

文字数制限が云々というタイトルだったので飛ばしてたけど実例あってわかりやすかった。頭の良い方のレクチャーってほんとありがたい。。。

で、私はスクロールイベントでbackground-position変更するやつを間引きたかったんだけど、
200msでthrottleさせたらガックンガックンになりました。
4msくらいにしたら違和感なくなったがそこまで効果は感じられない。
そもそも実装の仕方と使う箇所の見直しを先に考えろって話ですね。。。

顔洗って出直してきます。

カテゴリー
js

resize が終わった時にだけ処理をするjs

http://kadoppe.com/archives/2012/02/jquery-window-resize-event.html

カテゴリー
js

jqueryの.end()って変数に入れた奴にも使えるの?

それっぽかった。

var $test =$(‘#content’).hide().find(‘.test’);
$test.css({background:’red’}).end().show();

こんなかんじのやつ動いた。
あとで調べる。(いつだろう。。)

カテゴリー
js

jQueryのあまりつかわない操作

Clone remove empty

http://jquery-master.net/manipulation/remove.php

カテゴリー
js

jqueryのセレクタの指定の仕方

ええかげん覚えられない。。。なんど検索していることか。
この人みたいに自分でよく使うのの一覧を作ろう。。。

http://satussy.blogspot.jp/2011/05/jquery.html

http://api.jquery.com/filter/

こういうのよく書くってのとか便利なのとか張っとく。
変数あんまつかってないのは特に意味なし。

アクティブナビの変更(index番号から)

	$('#gnavi').find('li').click(function(){
		var indexNow = $('#gnavi').find('li').index(this);
		$('#gnavi').find('li').removeClass('active').eq(indexNow).addClass('active');
	});
	

アクティブコンテンツを変更(index番号からclass名を指定しfilter)

	$('#gnavi').find('li').click(function(){
		var indexNow = $('#gnavi').find('li').index(this);
		$('#gnavi').find('li').removeClass('active').eq(indexNow).addClass('active');
		$('#container').find('.contentsArea').filter('.content'+(indexNow+1)).show();
	});	

複数階層上のdivを変更(patents)

	$('#thumb').find('li').click(function(){
		$('#thumb').find('li').removeClass('clicked');
		$(this).addClass('clicked').parents('#content').find('.photo').addClass('active');
	});	
カテゴリー
js

全画面背景 jquery プラグインめも

最初に検索してひっかかったやつ

jquerymaximage

http://www.aaronvanderzwan.com/maximage/

最初からdivのなかにimgタグを入れておくタイプ
スライドショー部分はjquery.cycleプラグインで動いています。

でもなんか更新されていないみたい??
あと$.browser使ってたからやめとこかなとおもった

これ系の背景制御って2011−12年に作られたプラグインが多いんだね
更新されているかも選択のぽいんとか

vegasbackground

http://vegas.jaysalvat.com/

かっこいいフィルタ画像つきのやつ
これも2011製
説明ページがカコイイ!

jquery-backstretch

http://srobbin.com/jquery-plugins/backstretch/

githubでの更新も一番されているようなので今回はこれをつかうー
シンプルだし使いやすそう。

紹介記事

http://zxcvbnmnbvcxz.com/backstretch/

素敵サイトを作ってる方が紹介してるなら動作もええかんじやろ、と思ってつこてみた。
シンプルで楽だ〜!

カテゴリー
js

jquery notでのフィルタは複数使えない?の?

$('#spotList').find('li').show().not(rocale).hide().not(category).hide();

て書いたら動かない

$('#spotList').find('li').show().not(rocaleToShow+categoryToShow).hide();

て書いたら動いた

カテゴリー
js

jquery .not()にthisって突っ込めたんですね

知らんかった。べんりやん。
俺今まで何やってたんや。。。。。
http://www.webopixel.net/javascript/263.html

カテゴリー
js

jsネイティブ とか jqueryのセレクタとかの処理速度

jsネイティブ vs jquery的な~

IDでの要素指定の処理速度10000回した結果を共有してくださっています。
http://d.hatena.ne.jp/maruloop/20120109/1326091716

jQueryイベント

jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方
http://d.hatena.ne.jp/y-kawaz/20111002/1317489435
↑速度比較つき