JavaScript

AngularJS

メモ書き。何か発見するたびに更新してます。 合っているかどうかは分からない話 下記は古い(いつから?)AngularJSの記述方法です。 ng-controllerはwindowオブジェクト直下の関数を見なくなりました。 var app = angular.module('app', []); app.controller…

i3.modelの新しい実装について

//model「newtype」の定義 i3.model("newtype") //データの登録 ({ data:256, mahousyozyo:"madokamagika" }) //コンストラクタもどき //ページを読み込んだ時に一度だけ実行される (function(){ //データの登録も可能 this("image", "siro"); }) //プロセス…

やったー! 新しい実装方法みつけたよー!

今日見つけた何か。 var namespace = (function(){ var i = 0; return function(){ return i++; }; })(); 変数を隠蔽する時に、よくこういう方法で隠蔽したんですが。 ()で囲まれてる関数がnamespaceに格納されてるように見えてめっちゃメンテナンスしづらか…

三丁目のバグ、知りませんか

Safariでこんなエラーが出てきたら Unmatched encountered. Ignoring tag. Extra encountered. Migrating attributes back to the original element and ignoring the tag. DOMがbodyを読み込む前にdocument.writeを実行してると出るよ。 参考:JavaScript –…

文字コード変換 数値の進数を変換

文字列→文字→文字コード(数値) "abc".charCodeAt(0);//"a"の文字コード(number) ↑はaの文字コードを返す。 ↑の引数に3を指定するとNaNを返す。 文字コード(数値)→文字 String.fromCharCode(16);//"a" 引数に文字コードを入れると文字列を返す。 String.fromC…

Jaxer.Log

Jaxer.Log.debug("ロガー"); Jaxer.Log.info("ロガー"); ログ。 デフォルトだとinfoから使用可能? ログは「Jaxerが入ってるフォルダのlogs/jaxer.log」に格納されている。 参考: Jaxer を利用してサーバー・サイドで E4X を使う エラーメッセージとその対…

Jaxer.response

HTTPレスポンスを発生させるAPI? Jaxer.response.setContents Jaxer.response.setContents("HTML"); onserverloadイベントが発生した時にこの関数を実行すると、body.innerHTMLを引数の文字列に入れ替える。 onserverloadイベント発生後にこれを実行しても…

Jaxer.Web

Jaxer.Webは任意のWebページのDOMを取得できるAPI群(かもしれない)。 サーバ側で使用可能。 Jaxer.Web.get, Jaxer.Web.post Jaxer.Web.get("url"); Jaxer.Web.post("url"); urlを引数として入れると、そのページのDOMを取得する。 メソッドのget/postはHTTP…

Jaxer.DB

Jaxer.DBはDBに関するAPI群。 サーバ側で使用可能。 Jaxer.DB.execute var datas = Jaxer.DB.execute("select * from テーブル名"); datas.rows[0].カラム名; SQLを実行する。 select文だと戻り値でデータを取得できる。 create tableなんかもここで実行でき…

Jaxer.File

Jaxer.File.write Jaxer.File.write("ファイル名", "ファイルに上書きする文字列"); ファイルへの上書き。 存在しないファイル名を第一引数に指定した場合、ファイルを作成する。 Jaxer.File.read Jaxer.File.read("ファイル名"); ファイルの全文を戻り値と…

runat

jsをクライアント・サーバのどちらで実行するかを指定するもの。 client クライアント側で実行する、普通のjs。 runatを省略するとこれになる。 DOM使用可能。 both クライアント側、サーバ側の両方で使うjs。 クライアント側ではjQueryなどのライブラリが使…

くそっ、またあいつらだ。

眠い 今日はjsのUIに関する事で思った事をつらつらと。 思った事 HTMLとjsを分離しよう CSSとjsを分離しよう HTMLとjsを分離しよう 動的にHTMLを生成するjsを普通に書いてると、どうしてもHTMLと密接に関連してしまってごちゃっとしたコードになっちゃいます…

人間の知恵の結晶(解決編)

よしわかった、説明しよう。 これはNBSPだ。 神が創り出した知恵の一つ。いや、"\xA0"か。 人類が決して辿り着く事の出来ない神の英知として、神が我々に与えた物だ。 昔天界で起きた大きな抗争バグの時にな。あの時はほんと・・・まいったよ。 さっ、まずは…

プロトタイプってなんていうか、ガンダムの後付機体みたいだよね。プロトタイプリックディアス、プロトタイプゼータガンダム、プロトタイプ……他にいましたっけ?

銀河月下美人のじぇんとるめんのみんな! 元気にしてたかな? 今日もうどんさんの経験をまとめる簡単な作業を始めるよ。今回はJavaScriptだよ。 newって結局何を生成するのよ function f(){thia.a = 10;};var obj = new f(); このコードのobjは結果として以…

JSでクッキーに値を入れる時の注意点

・改行のような特殊な文字などはクッキーに保存できない。 ・その代わり、escape関数を使って改行などを%〜のような文字列に変換することで格納可能。 ・クッキーから文字列を取得した場合はunescape関数を使うと、escape関数で変換した文字列を元の文字列に…

onchange

selectのonchangeは値が変わる前に実行されるっぽい。

string型

メソッド メソッド名 戻り値 引数 効果 substring string int, int 文字列を切り取る。開始位置の数値は0から、終了位置は切り取りたい位置-1例)"0123".substring(0, 2)→"01"が返る

ドル関数

idから要素を取得する場合、引数は'#id名'とする。 参考 ASP.NETプログラマーのためのjQuery入門(2/5) - @IT

iconDock

参考 Dockメニューを実現するjavascript「iconDock」|skuare.net

参考 テキストエリアの代替としての'overflow'

正規表現

構文 new RegExp(パターン文字列, オプション); あるいは /パターン文字列/オプション オプションは以下を選択可能 オプション名 効果 i 大文字、小文字を区別せずにマッチを行う g マッチした文字列を配列として返す 使用方法 文字列型.match(正規表現); 戻…

Date

参考 http://homepage3.nifty.com/aya_js/js2/js213.htm Dateオブジェクト / JavaScriptリファレンス

window.open

window.openの第二引数に名前を設定したら同じウインドウが複数個openされなくなったでござる の巻 window.open('〜.html', ''); →実行される度に〜.htmlのウインドウが一つ出るwindow.open('〜.html', 'hoge'); →〜.htmlを一度openすると、それ以降はウイン…

クラス定義

参考 第4回 JavaScriptでオブジェクト指向プログラミング (1/4):連載:Ajax時代のJavaScriptプログラミング再入門 - @IT

 変数

初期値はundefined

イベントを無効にするには

onclickなどのイベントを無効にする場合は、 onclick="return false" という状態になるようにすればよい。