電源ケーブルがそろそろ断線しそう・・・
なんか処理が重いと思ったらバッテリーモードになってたりして
今の生活強制終了がＰＣ不能によってもたらされるかもしれん・・・
ぶらうざ：おんくりっく・あどいべんとりすな
onclickとaddEventListenerの違いが感覚的に分からんかたので実験した
onclickはonclickで上書きできるが
onclickはaddEventListener('click')とは無関係なので同時に存在できる
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>
<style>
button { display: block; margin-bottom: 1rem; }
</style>
</head>
<body>
<div>a: <span id="a1"></span> , <span id="a2"></span></div>
<button id="a">button a</button>
<div>b: <span id="b1"></span> , <span id="b2"></span></div>
<button id="b">button b</button>
<div>c: <span id="c1"></span> , <span id="c2"></span></div>
<button id="c">button c</button>
<div>d: <span id="d1"></span> , <span id="d2"></span></div>
<button id="d">button d</button>
<script>
function click(id) {
return () => {
const s = document.getElementById(id);
s.textContent = `(Click ${id})`;
};
}
const a = document.getElementById('a');
const b = document.getElementById('b');
const c = document.getElementById('c');
const d = document.getElementById('d');
a.onclick = click('a1');
a.onclick = click('a2');
b.addEventListener('click', click('b1'));
b.addEventListener('click', click('b2'));
c.onclick = click('c1');
c.addEventListener('click', click('c2'));
d.addEventListener('click', click('d1'));
d.onclick = click('d2');
</script>
</body>
</html>
ごう：でふぁあ
go言語のdeferの実行タイミングを今までずっと勘違いしてた
今日今さっき試して気づいた
スコープ抜けで実行されるのかと勘違いしてた…
正しくは関数抜けのときに実行される…
https://golang.org/doc/effective_go.html#defer
続きを読む
ぶらうざ：ひすとりー
いくつかのサイトで
ページ遷移してないのにURLが変わったりしてて謎だったんだけど
謎じゃなくなった
URLの操作はwindow.locationやdocument.locationかと思ってたんだけど
locationはhash以外をいじるとページ遷移が発生しちゃってて、
location以外でURLいじる方法は何だ？？と
今回もググらずMDNから検索して探すとかした(たぶんぐぐったほうが速かったとは思うが)
URLいじれる正体はこれだった
これのhistory.pushState()やhistory.replaceState()でURLをいじれるということが分かった
これは要するにページ遷移なしでページの状態とURLのパスとを関連づけたい連動させたい、っていう感じの使い方をするものっぽい
ブラウザの戻るボタンや進むボタンやリロードなどでページの状態を復元できる、みたいな仕組みぽい
続きを読む