スポンサーサイト
投稿日時 : -------- --:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-------- --:-- | スポンサー広告
[Javascript] evtmgr.jsのドキュメントを作成
投稿日時 : 2008-07-02 14:58
中央管理型イベントマネージャ 『evtmgr.js』の仕様書にあたるドキュメントを作成しました。
 
このページの情報は古くなっている可能性があります。evtmgr.jsに関する最新情報はカテゴリ:evtmgr.jsを参照して下さい。
 
evtmgr.js ドキュメント
 
現在16メソッド、5プロパティの解説とサンプルコードが載っています。参考にしてください。こういったものを外部向けに書くのは初めてなんですがこんな感じでいいんでしょうか?まだ書き足りない部分があるので随時更新していきます。evtmgr.js本体と動作デモのページは以下。
 
evtmgr.js 本体
デモページ
 
 
スポンサーサイト
2008-07-02 14:58 | evtmgr.js | Comment(0) | Trackback(0)
[Javascript] 中央管理型イベントマネージャ 『evtmgr.js』
投稿日時 : 2008-07-02 14:47
 
このページの情報は古くなっている可能性があります。evtmgr.jsに関する最新情報はカテゴリ:evtmgr.jsを参照して下さい。
 
 JavascriptのattachEvent/detachEventやaddEventListener/removeEventListenerでElementにイベントハンドラを設定して管理するのは面倒だし、IEではメモリリークの原因にもなりやすい。さらにクラス定義コード内でイベントハンドラにthisキーワードを使ってインスタンスへの参照を持たすにはクロージャを使わなければならない。このあたりをもっとスマートにコーディングできないかと試行錯誤して中央管理型のメモリリークレス(たぶん)なイベントマネージャ『evtmgr.js』を書いてみたのでのでデモを公開します。
 

■evtmgr.js 0.01 beta の概要

 evtmgr.jsは中央管理型イベントマネージャモジュールです。従来のイベント管理方法ではどのエレメントにどのイベントが設定され、どの関数がどのオブジェクトのメソッドとして呼ばれるのか、の全体を正確に把握するのは困難でした。
 evtmgr.jsはElementへのイベント設定を関連情報をまとめた「登録オブジェクト」として中央管理し、「特定のイベントタイプ」や「特定のインスタンス」というキーで登録オブジェクトを検索し抽出する機能や、条件に一致するイベントの一括削除などの柔軟なイベント管理機能を提供します。
 また、クラス定義コード内ではクロージャを使用することなくthisキーワードをそのままインスタンスへの参照としてイベント登録に使えるなどスマートなコーディングを可能にします。
 

■evtmgr.js 0.01 beta の主な特徴

  • 中央管理型イベントマネージャモジュール。
  • 登録イベントをイベントタイプやイベントをアタッチしたエレメント、呼び出し関数、インスタンス、登録IDをキーにして検索することが可能。
  • クラス定義コード内でクロージャを使用することなくthisキーワードをそのままインスタンスへの参照としてイベント登録に使える。
  • 登録イベントを条件を指定して一括削除することができる。特定のイベントタイプや特定のインスタンスに関係するイベントを全て削除するという使い方を想定。条件はひとつでも複数でも可。
  • ページアンロード時にはすべてのイベントの登録を自動削除するのでメモリリークしない。
  • GC(ガーベッジコレクション)機能搭載。中央管理型イベントマネージャの欠点である、対象エレメントがDOMツリー上から削除された後も中央からの参照のせいでメモリが解放されないという問題を解決。任意のタイミングまたは自動でGCを実行することが可能。
  • メジャーなブラウザで動作確認済み:Firefox 3.0 / Firefox 2.0.0.14 / Opera 9.50 / Safari 3.1.2 / IE 7.0 / IE 6.0 / IE 5.5 / Mozilla 1.8b / NN 9.0.0.5

■デモページ

 まあごちゃごちゃ書くより(ごちゃごちゃ書いた後ですがw)動いてるのを見るのが早いと思うのでデモページを作りました。メソッドごとにボタンがあるのでそれを押せば解説付きで実行されます。ちょっと読みにくいですが。しっかり作ったデモではありませんが雰囲気は伝わるかと思います。いろいろいじってみてください。
 
evtmgr.js デモページ
 

■ドキュメント

evtmgr.js ドキュメント
 
 メソッドやプロパティの仕様とサンプルコードが載ったドキュメントを作成しました。参考にしてください。
 

■evtmgr.js ダウンロード

evtmgr.js
 

■バグ等

 まあ当然バグはあると思います。それ以前に何かとんでもない思い違いをしてることがあるかもしれませんw。あまり自信がないです。まだサイ本読み終えてないぐらいですし。何かおかしな点がありましたら指摘して下さい。
 
 
 
2008-07-02 14:47 | evtmgr.js | Comment(0) | Trackback(0)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。