Javascript

Jquery Plugin Facebox with bgiframe

I used facebox and bgiframe.facebox is a one of lightbox. bgiframe is used to fix select bugs of IE6.When we use facebox in IE6, we will be able to find select bugs of IE6. so I have added the following code into my code When I use $('a[cl…

かっこいいJavascriptのサイト

http://madebyfudge.com/

外部Javascriptファイルを同期的に読み込む方法

自前で実装するの大変だったな。。。今はこんなのがあるみたいです。http://coliss.com/articles/build-websites/operation/javascript/js-labjs.htmlこんな感じで使えるみたいですね Example 1: $LAB .script("script1.js") .script("script2.js") .script(…

Firebug Extension

後々、いれてみよう。http://www.atmarkit.co.jp/fjava/rensai4/devtool10/devtool10_1.html

replaceの第二引数に、無名関数を割り当てる場合。

以上の実験からまとめると、 * arguments[0]はマッチした文字列全体 * arguments[1] 〜 arguments[arguments.length-3]はグループ単位でマッチした文字列。通常の後方参照で使う$1は aruguments[1]、$2はarguments[2]・・・となっている。参照できるグループ…

そう言えば・・・

Javascriptにも参照渡しってあるんだったね。。 忘れてました。。。配列とオブジェクトは、参照渡しで その他は値渡しだったっけか?そりゃ、どおりで関数内で arr.shiftしたら、もとの配列内の要素もshiftされちゃうわな。。 ひとつ痛い経験をしました。。。…

ニコニコ動画をTumblrに投稿するためのブックマークレット(bookmarklet)

javascript:var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent;if(/nicovideo.jp/.test(l.host)){var params=lo…

Javascriptで選択文字取得

http://d.hatena.ne.jp/dayflower/20080423/1208941641 素晴らしいですね^^ 大変参考になりました M( )M

クロスドメイン通信の種類

このような場合にクロスドメインアクセスを実現する方法として,以下のものがあります。 * リバースPorxy * SCRIPTタグ(JSONP) * Flash * 画像 * スタイルシート [参考サイト]http://gihyo.jp/dev/serial/01/web20sec/0002?page=2 http://d.hatena.ne.jp/n…

「Javascriptを高速化する6つのテクニック」を試してみた。

*このサイトを参考にしました。(マイコミさんありがとう^^) http://journal.mycom.co.jp/news/2009/11/11/015/index.html

Javascriptでクロージャ

http://satoshi.blogs.com/life/2007/12/javascript-2.html

IEだとJsonpの動作がおかしい件。。。

Firefoxだと正常に結果が返されるのに IEだと結果が返ってこない。。。(IE8は別)調べてみたら、こんなんでてきた。。 ドキュメント [機能(フレームワーク依存)] JSONP は、通常 SCRIPT タグで読み込む性質上、GET リクエストしかできません。 SyLフレーム…

IEキャッシュのファッキン野郎

IEが自動的にキャッシュするのをとめるやり方がわからん!!!そこでjavascriptを読み込むところの URLの最後に、?(new Date()).getTime() つけてみましたw成功w

Javascriptワンライナーで簡単に配列中の最大値を取得する方法

var max = Math.max.apply(null, data);なんで配列をMath.maxが受け取れるんだろう。。。 わからなす。。。。誰か教えて〜〜〜 >

arguments.lengthとarguments.callee.lengthを用いた引数チェック

arguments.lengthとarguments.callee.lengthは違う。前者は、呼び指しされた際に割り当てられた引数の個数。 後者は、関数の定義してある引数の個数。これらの値を比較してあげることで引数チェックが可能になる。 function check(args){ if(args.length ===…

フロントエンド開発者(WEB系)の人なら入れたほうがいいと思うアドオン

1)Firebug 2)Web Developer Toolbar 3)Measure it 4)Colorzilla 5)User Agent Switcher 6)PageDiff *これは最高

セッションcookieについての理解。

用は、サーバ側でセッションを用いてデータを管理する場合、 USER認証のためにクライアントに書き込むデータっていう感じなんですね。w何かと思えばwww っていうか知らなかったし。。。ちなみにPHPだとデフォで、PHPSESSIDっていう名前のcookieが クライ…

Firebugの拡張アドオン

Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネン…

Firebugを使ってみた。

使ってみたというか、前から使ってはいたんだけど 基本的に使うのは、console.logとconsole.warnのみ。 (たまにconsole.infoとかw)今回、勉強ということで改めてFirebugについて勉強してみた。 そして思い知った。。。今まで俺が使っていた機能は、氷山の…

クロージャ使って、クラス作ってる場合の継承

オライリー本によると、単純に親クラスを子クラスに委譲させればOKみたい^^

俺的、Javascriptクラスの書き方。

prototype.jsのClass.createからやりかたをパクッて 作ってみました。var Class = function(){ var id = null; var name = null; (function __construct(_id, _name){ id = _id || null; name = _name || null; }) .apply(this, arguments); return { getId …

Array.prototype.sliceの用途

これ使えば、argumentsとかの擬似配列と呼ばれるものを本物の配列に変換 できるらしい。 どういう仕組みになってるのかは知らんけど。。 var func = function(){ var args = Array.prototype.slice.call(arguments); var data = ["hoge3","hoge4"]; return a…

live と dieは超便利!!!

動的に追加されたイベントに対しても 動作をさせることができるなんて!!!しらなかった。。。。痛し。。。

クロージャとは

クロージャとは、「関数自身が定義された環境を、ローカル変数も含めて持ち運ぶことのできる仕組み (またはそうした関数自体) 」の事をいいます。 つまり、プレイベート変数、関数を利用するために使うっていうことで 理解してOKなのかな??

callとapply

====================================== call()/apply() Functionクラスには、call()とapply()と言うメソッドがあります。この二つのメソッドは、どちらも「関数呼び出し」を目的としており、引数の指定方法に違いがあります。// apply()メソッドの定義 Fun…

javascriptのオブジェクト指向

自分がなんとなく知っているJavascriptのオブジェクト指向っぽい記述の仕方は 3つある。1つは、 var class = function(id, name){ this.getId = function(){ return id; } this.getName = function(){ return name; } } 2つめは var class = function(id,…

配列の添字に数字以外の無効なものを接待した場合、lengthにはプラスされない

サンプルを作ってみた。 var data = ["hoge", "hoge2", "hoge3"]; data["aho"] = "hoge4"; for(var i in data){ console.log(data[i]); } alert(data.length);

Javascript 配列の特徴

================================JavaScriptの配列とは、以下のような特徴を持つデータ構造です。1. Cのように、値を複数格納できる「連続したメモリ領域」とはまったく違う。配列はJavaScriptオブジェクトであり、つまりハッシュテーブルである。2. 配列の…

関数はオブジェクトである

var a = function(){ alert("hoge"); } var init = a; (function(){ init(); })();

Jquery v1.2.2 クールな書き方 その1

82行目 : new jQuery( document )[ jQuery.fn.ready ? "ready" : "load" ]( selector ); これは要するに、$(document).ready(function(){...});と 同じ意味になるそうな。関数、配列、オブジェクトは参照型だから こういう風に[]を使ってかけるってことでい…