JavaScript

| Node.js | TypeScript | Angular | AngularJS | React | Dojo | DOM | jQuery | prototype.js | 初めて |

link

言語

let宣言子

• ECMAScript6から導入
• ブロックスコープのローカル変数を宣言

const宣言子

• ECMAScript6から導入
• ブロックスコープの再代入できないローカル変数(定数)を宣言する。
• 初期化必須

リンク

Promiseベースのhttpクライアント（axios)

• https://github.com/axios/axios

リファレンス

• JavaScript Primer
• Mozilla Developer Center JavaScript
• MSDN JScript

DHTML

• MSDN DHTML
• HTML and DHTML Reference

入門

初めてのJavaScript

• 初めてのJavaScript

JavaScript メモ

• JavaScript メモ

DOM

• DOM

jQuery

• jQuery

Tips

ウィンドウ操作

• ブラウザのタイトルを変更する
• showModalDialog で開いたダイアログの画面遷移
• 画面が閉じられる時にメッセージを表示する
• 自動的にリダイレクトする
• Windowのクライアント領域のサイズを取得
• Windowが未だ開いているか
• 確認ダイアログなしでWindowを閉じる
• デスクトップ領域のサイズを取得

画面要素

• 行列を固定したテーブル
• 動的にコントロールを扱うとき
• オブジェクトのメンバーを列挙
• F5 キー押下を無効にする
• イベントハンドラのアタッチ
• TABLEに行を追加
• テキストエリアの内容をクリップボードにコピー
• SELECT BOX の OnChange をキャンセルする

画像

• 画像の切替

スタイル

• 動的にスタイルクラスを変更する
• 動的にスタイルシートの情報を取得する
• インラインスタイルを無効にする

文字列操作

• シングルクォートのエスケープ
• 画面に入力された文字コードを調べる
• ゼロサプレス 正規表現
• 16進数文字コードを取得
• 文字化けの対処(URLエンコード)
• [JavaScript UTF-8文字列のバイト数を得る [UTF-8文字列のバイト数を得る]
• 全角半角変換

正規表現

• JavaScriptでの正規表現

配列

• 配列
• 連想配列(Map)のキーを取り出す
• 配列の要素を削除
• 配列でなければ配列に、配列ならそのまま（もしくは追加)

オブジェクト

• オブジェクトが関数かどうか調べる
• オブジェクトのプロパティ確認

トラブル

• 開放されたスクリプトからコードを実行できません
• IE6 のdocument.body.clientHeightの挙動がおかしい
• IE Input type=file でsubmitできない
• ブラウザ用デバッグツール

Ajax

• HTMLとスクリプトを分離
• prototype.js
• Dojo

その他

• Script実行順を制御
• クロージャ
• Bookmarklet
• JSEclipse
• ECMA Script
• Javascript 再入門