すたらブログ

文系Webプログラマの備忘録

JavaScript

パララックス用JavaScriptプラグインを使う場合はマウスホイールに注意

目次 Parallax.js 利点 欠点 ScrollMagic 利点 欠点 SuperScrollorama まとめ ページに奥行きがあるかのように感じさせる、いわゆる視差効果をページ内で使いたくて、プラグインをあれこれ試しました。 結果、どのプラグインでも、マウスホイールによるスク…

JavaScript: pushStateを使ってページの状態を再現可能にする

デモ: http://code.runnable.com/VvynEqA-pBlEAd_k/ タブ表示形式の記事の任意のタブを開いた状態を、URLパラメータに記述して再現可能にします。 pushStateを使うことで、ブラウザの「戻るボタン」の動作にも対応できます。 要点 pushStateを使っているのは…

Unicodeでの文字コードの値を16進数で取得したい

JavaScriptならば下記のように。 alert('あ'.charCodeAt(0).toString(16)); ちょっとしたサンプルを作ってみました。 サンプル: Hex Unicode Converter - JSFiddle また、こんなサイトも見つけました。 文字の説明まで表示してくれるのが便利です。 外部: Un…

JavaScriptで追加したスタイル指定を削除して元のCSSの指定に戻す方法

結論 jQueryでも素のJavaScriptでも、空文字''を代入すればいいようです。 例 CSS #foo { width: 20%; } jQuery // スタイル指定する $('#foo').width('100%'); // 元のCSSの指定に戻す $('#foo').width(''); JavaScript // スタイル指定する document.getEl…

JavaScript: JSDoc3に即時関数内の記述も拾ってもらうための苦肉の策

最終更新: 2017年4月19日 目次 結論 (追記:2017年4月19日) 例 以前の内容 JSDocのバージョン 結論 経緯 jQuery 結論 (追記:2017年4月19日) 苦肉の策でも何でもなく、@externalできれいに表現できます。 参照: Use JSDoc: @external 例 /** * @file jQuery Pl…

JavaScript: プロトタイプに初期値のつもりでオブジェクトを格納したら…

参照渡しされるもの(関数、オブジェクト、配列)をプロトタイプのプロパティに格納したらどうなるか。 よく理解していませんでした orz 私の行動 プロトタイプのプロパティに、初期値のつもりでオブジェクトを格納した。 そのオブジェクトのプロパティの数値…

JavaScript: abort()の動作を勘違いしてました

abort()メソッドでAjaxを中断する動作について。 勘違いしていたこと サーバの処理も中断される。 よって、サーバの負荷の軽減に役立つ。 実際は JavaScript側でサーバからの返信を受け取らなくなるだけ。 サーバ側のことは知ったこっちゃない。 W3Cの仕様書…