Vueのv-htmlでXSSを回避する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
JS Comparison Table
== (negated: !=) When using two equals signs for JavaScript equality testing, some funky conversions take place. === (negated: !==) When using three equals signs for JavaScript equality testing, everything is as is. Nothing gets converted before being evaluated. A standard IF statement. If(value) {/*- green -*/} else { /*- white -*/ } Note: This row does not match up with any of the rows in the ot
[jQuery] セレクトボックスの値とラベルを取得する – コピペで使える JavaScript逆引きリファレンス
jQueryでセレクトボックスの値とラベルを取得するサンプルです。 サンプルソース 例）ボタンを押すと選択中のラベルと値を表示する <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(function(){ $('#btn1').click(function(){ var strVal = $('[name="sel1"]').val(); var strLabel = $('[name="sel1"] option:selected').text(); alert("値:" + strVal + " ラベル：" + str
Moment.js transform to date object
Using Moment.js I can't transform a correct moment object to a date object with timezones. I can't get the correct date. Example: var oldDate = new Date(), momentObj = moment(oldDate).tz("MST7MDT"), newDate = momentObj.toDate(); console.log("start date " + oldDate) console.log("Format from moment with offset " + momentObj.format()) console.log("Format from moment without offset " + momentObj.utc()
JSでDoSる/ Shibuya.XSS techtalk #11
Shibuya.XSS techtalk #11 の発表資料です。
【Javascript】配列の値の中から、最大値、最小値を求める（配列を引数に展開する） at softelメモ
問題 Javascriptで、数値の配列から、最大値、最小値を求めよ。 答え var a = [3, 1, 4, 1, 5, 9, 2, 6]; Math.max.apply(null, a); // → 9 Math.min.apply(null, a); // → 1 補足 何が起きているのか。 Math.max(5, 7) // → 7 Math.max(5, 7, 4, 9, 1) // → 9 Math.max は可変長の引数をとります Math.max([5, 7, 4, 9, 1]) // → NaN そもそもダメです Math.max.apply(null, [5, 7, 4, 9, 1]) // → 9 OKです applyの第一引数は何でもよい。結果は変わらない。 Math.max.apply({}, [5, 7, 4, 9, 1]) // → 9 OKです Math.
JavaScriptで2点の座標の距離を求める方法
2017/07/31 2点の座標の距離を求める公式を、JavaScriptで実装します。 サンプルコードA(x1,y1)、B(x2,y2)の距離は次の公式で求められます。 公式をJavaScriptで表現すると、次の通りです。 var x1 = 10 ; var y1 = 20 ; var x2 = 30 ; var y2 = 40 ; var a = Math.sqrt( Math.pow( x2-x1, 2 ) + Math.pow( y2-y1, 2 ) ) ;デモ(x1,y1)と(x2,y2)の座標間の距離を計算します。 var x1 = 10 ; var y1 = 20 ; var x2 = 30 ; var y2 = 40 ; var a = Math.sqrt( Math.pow( x2-x1, 2 ) + Math.pow( y2-y1, 2 ) ) ;
JavaScript でフォーカスの当たっているボタンなどからフォーカスを外す
ブラウザー上のボタンを押して HTML などでダイアログを描画した場合、ボタンが隠れていたとしてももともと押されたボタンにフォーカスが当たったままになっているため、 Enter キーなどを押すとまたボタンが押されたことになってしまい、イベントが再発してしまいます。 これを防ぐ方法を考えてみます。 対策 Enter キーでボタンの Click イベントが発火するのは、そのボタンにフォーカスが当たっている場合だけです。 ということでボタンが押されたタイミングでフォーカスを外してやれば、この問題は解決します。 対策としては下記の 2 つが考えられます。 他の要素にフォーカスを移す アクティブなボタンからフォーカスを外す 1. 他の要素にフォーカスを移す ダイアログを表示しているということはなんらかのボタンがあるはずなので、ダイアログのボタンにフォーカスを移してしまうというのが一番簡単でしょう。別
Window: open() method - Web APIs | MDN
WindowInstance propertiescachesclosedcookieStorecredentialless Experimental crossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event Deprecated external Deprecated fence Experimental frameElementframesfullScreen Non-standard historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozI
JavaScriptでのDOM操作は重いのかという話とForced Synchronous Layoutについて - id:anatooのブログ
2015年にもなるのにJavaScriptでのDOM操作のパフォーマンスについて書く。ウェブページにインタラクションを持たせたい時に、JavaScriptでDOM操作を行うことがよくある。このDOM操作のパフォーマンスについて、よく聞く意見を大別すると次の2つがある。 JavaScriptによるDOM操作は重たい レンダリングが重いだけで、DOM操作そのものはそれほど重たくない JavaScriptでオブジェクトのプロパティを操作したりする単体の処理は通常1ミリ秒もかからないが、DOM操作をするとレンダリングが完了するまでに数十ミリ秒程度かかったりする場合がある。1番目のDOM操作が重たいと言っている人は経験則的にそう言っていることが多い。 レンダリングの仕組みを知っている人は2番目の意見を言うが、重箱の隅をつつくような話をするとこれも必ずしも正しいわけではない。DOM操作するコードによっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascript sorting of null values to be considered
GitHub - francoischalifour/medium-zoom: 🔎🖼 A JavaScript library for zooming images like Medium
wikihub.io
Move an array element from one array position to another
[JavaScript] e.preventDefault とか e.stopPropagation とか return false - Qiita![[JavaScript] e.preventDefault とか e.stopPropagation とか return false - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/659cad400f0b403df7108fdae573ea23bf2ffa2f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMGUucHJldmVudERlZmF1bHQlMjAlRTMlODElQTglRTMlODElOEIlMjBlLnN0b3BQcm9wYWdhdGlvbiUyMCVFMyU4MSVBOCVFMyU4MSU4QiUyMHJldHVybiUyMGZhbHNlJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz02OWM2MmNjZjA3NTUyOGRjNzM4NmI3N2ZiYTgyOWY2OA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtYWRvYm9uJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lZDg4OTIzMjE0ZjBiMDMzNDFiYTRkOGQ5OThjZDdkZQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D4e785c89e40b30a13ea9e4027666f732)
Find the min/max element of an array in JavaScript
JavaScriptで配列を値渡しをする - Qiita
how to prevent focus event in IE when mousedown happens
focusの当たっている要素を取得する方法 - 日々精進
TypeError: Failed to execute 'elementFromPoint' on 'Document': The provided double value is non-finite. · Issue #569 · bevacqua/dragula