JavaScript
デフォルトはハイフンです。なのになぜかドットでも npm init したときにはきちんと参照されます。 そのためかドットを使った .npmrc の紹介記事が散見されます。 <追記> npm 公式でも ハイフンとドットが混在していました。統一したほうが良いのでは…? npm-…
追記: 2018年現在は一度flattenしてから処理するのが良いと思います。 記述の方法が、for-loopで書くと1通りだが、イテレートメソッドだと2通りある。 どちらでもよいのだけれど、混ざるので整理。 for-loopとイテレートは完全に同じではないが、その点は割…
JSからサイズを設定する場合 OK img.width = "100" img.setAttribute("width", "100") img.setAttribute("width", "100px") NG img.width = "100px" IEとFirefoxで試して両方こうだった。罠くさい・・・ といっても、本来<image>のwidth, heightに入れられるのは数</image>…
setTimeout, setIntervalを乗っ取って爆速にする - 素人がプログラミングを勉強…を踏まえて "prototype" in Arrayはすべてtrue "prototype" in Array.prototype.pushはすべてfalse "prototype" in function(){}はすべてtrue "prototype" in {native dom func…
JSで使われる数学に関した英語の和訳。 digit(s) 0-9の数字(0は除かれることも), notation 表記, integer 整数, decimal 小数 / 10進数, fixed-point number 固定小数点数, floating-point number 浮動小数点数, precision 精度
エラーメッセージを言い換えると分かった。 「オブジェクトを指定してください」 「オブジェクトが指定されていないよ」 「オブジェクトが無いよ」 「オブジェクトがundefinedだよ」 原因 3通りあるようだ 原因1 古いIEと文字コード IEの謎エラー対策(1) 「…
JavaScriptのオブジェクトを完全に書き換えできないようにするには、`Object.deepFreeze`と`Object.defineProperty`を併用する。
複数のwindowを扱う場合。iframeとwindow,documentのトラバーサルについて。関連ワードownerDocument.defaultView, contentDocument.defaultView, window.frameElement
要素のIDや、iframeのname属性もグローバル変数になる。
追記: 文面を修正しました。 2018-05-21 すこし話題になっている(いた?)ようだが、jQueryを(読むだけで自分では)使ったことの無い私が気付いただけで間違いが10個あった。 サイトはここ GitHubにソースがある 見つけた間違い 60個あるうち10個 つまり全…
var debug = true if ( !window.console || !Function.bind ) { debug = false } var cl = debug? Function.prototype.bind.call(console.log, console) : function(){} usage cl(1, 2) console.log.applyだと出力箇所が関数定義場所になってしまうのでbind…
focusのある要素を返す。 リンク、tabindex、IEでのdivなど互換性についても説明。
JavaScriptのownerDocumentとは。 いつ使うのか。
まだ使えない。 element.addEventListner("resize", ... について
追記 ver. 33.0.1750.117 m でCSSOMの実装が以前のバージョンに戻った。今は下記のエラーは表示されない しかしこの実装は間違っているので、将来的には変更があると思われる。 以下は追記以前の情報
環境は全てIE9。10+では不明 IE9 console 開発者ツールを開いていないと、そこで止まる location.hash ローカルファイルだと、戻る/進むでロケーションバーに表示されなくなる。実際にはある。 非ascii文字のID + エンコードされたページ内リンク の :target…
オブジェクト(指向)で使うようです。 syntax プロパティにhandleEventがあるオブジェクトを第二引数に渡す。 handleEventの値はfunction // 変数に入れて var foo = { val: 1, handleEvent(ev) { console.log(this.val++) } } document.addEventListener('cl…
XMLHttpRequest GET のキャッシュについて ・・・なのだけれど、xhrだけではなく、キャッシュ全般にいえる話だった。 キャッシュの仕組みについては以下のリンク参照。 事例に学ぶWebシステム開発のワンポイント(12):ブラウザキャッシュでパフォーマンス…
イベントハンドラについて。HTML属性とscriptでonclickを設定する時の違いについて。
仕様書 Events - whatwg を読んだメモ GlobalEventHandlersとかWindowEventHandlersについて 普通の説明はいくつものサイトでされているので省略 DOM event handlers - MDN
一行ならCRLF, 改行があるとLFで保存されて困った。 CRLFなので当然環境はWindows
Gistやgoogle-code-prettifyをコピーした時のインデントを見た通りに直す
getSelection.toString() と getSelection.getRangeAt(0).toString() の違い。JSで選択状態にある文字を調べる方法の互換性について。
document.compatModeで得られるレンダリングモード(描画モード)とJavaScriptについて。主にQuirksモードでの違いについて。
基礎事項 2つの違いについての説明は最低限のみします 構文 関数宣言(declaration) function x() {} 関数式(expression) var x = function(){} 本当は違うけれど・・・詳細はFunction コンストラクタか関数宣言か関数式か "関数宣言は同時にその関数名と同じ…
今更IE8情報。
$(html, body).animateの代わり $(window).animate じゃなく $(_window).animateなんです...
概要 a, a>img をクリックした際の点線を消す。 button, input[type=button], input[type=submit]の点線の消し方もついでに。 つまり、フォーカスのある要素の点線の消し方について キーワード hidefocus, outline, ::-moz-focus-inner demo no dot for link…
追記 ES6から使えるようになった、Template stringsを使おう。 Template stringsdeveloper.mozilla.org var str = ` line1 2 3 ` 以下は古い情報。
IE9以降(=addEventListenerが使える)ならhandleEventで出来るので不要。 IE8も含めた場合。 名前をつければいいだけなので無名関数をremoveEventLitenerしたい時なんてあるのか疑問ですが。