Riot.jsでタグをエスケープせずに出力する
Riot.jsは、変数としてHTMLタグを含む内容を渡しても、XSS対策として自動でエスケープして表示する仕様です。 しかし、WEBコンテンツを作成していると、こんなことも。 名称をキリの悪い場所でなりゆき改行させるわけ …
「javascript」の記事一覧
Lodashでor検索and検索
JavaScriptのLodashで、JSONの配列からOR検索、AND検索をしてみました。 サンプルは、Vue.jsで表示を制御しています。 光の三原色RGBと、色の三原色CMYを検索項目として、 選択された要素を含ん …
window.matchMediaでJavaScriptもCSSと同じ基準でレスポンシブ管理
JavaScriptの matchMediaをこのように使うと CSSのレスポンシブ対応のmedia設定と平仄をあわせてレスポンシブの分岐を設定できます。 Interner Explorer 10 から対応しているので、 …
JavaScriptの浮動小数点と小数点以下N桁での四捨五入
JavaScriptは浮動小数点数を使用しているため たまに、計算結果として小数点以下に凄い00000000の桁がくっついてくることがあります。 -0.1 + -0.4 = -0.30000000000000004 参考 …
JavaScriptでAndroid4.4対応のUI実装のとき思い出す非対応機能
2018年前半、まだクライアントワークで対応することがあるAndroid4.4でサポートされていないJavaScriptやCSSの備忘録です。 端末やOSのシェア率を調べることができるスマタブinfoによると、 2018 …
querySelectorAllで取得したNodeリストを配列化
querySelectorAllで取得したDOMはNodeListという形式で配列ではないため filterを使用してソートやユニーク判定をしようとすると 「これは配列ではないので実行できないよ」というエラーを返され実行 …
ピンチイン（ピンチアウト）の倍率を取得するJavaScript
pinch-in / pinch-out で、拡大縮小の割合を計算するスクリプトです。 写真を拡大縮小して見るスクリプトの一部です。 サンプルは、タッチデバイスで動作します。 マルチタッチを感知すると白背景にかわり、ピン …
JavaScriptのprototypeをつかったオブジェクト指向サンプルソース
セレクトボックスで選択した値に応じて特定要素の表示を切り替える11行のJavaScriptを prototypeを使ったオブジェクト指向の組み方などでがっちりかためてみたサンプルです。
input form をリセットするJavaScript
<input type=”file”>は、JavaScriptでvalueをリセットしても選択したファイルの情報が残ってしまうので 入力前のinputタグごとDOMを削除再描画して復元する方法でリセットを実行 …
lodashのmapでカスタマイズされた配列を作成
lodashの_.mapの使い方メモ。 要素を抜き出した配列を作る 既存配列の値を加工して同じ要素数の配列を作る