usakdsteen

ゆうさくですてぃーん

ぶらうざ:おんくりっく・あどいべんとりすな

onclickとaddEventListenerの違いが感覚的に分からんかたので実験した

 

onclickはonclickで上書きできるが

onclickはaddEventListener('click')とは無関係なので同時に存在できる

 

f:id:neetsdkasu:20200811041004p:plain

 

<!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いじれる正体はこれだった

developer.mozilla.org

これのhistory.pushState()やhistory.replaceState()でURLをいじれるということが分かった

 

これは要するにページ遷移なしでページの状態とURLのパスとを関連づけたい連動させたい、っていう感じの使い方をするものっぽい

ブラウザの戻るボタンや進むボタンやリロードなどでページの状態を復元できる、みたいな仕組みぽい

 

続きを読む

るーぷばっくあどれす

IPアドレスループバックアドレスというアドレスがあり

PC内(ローカル内?)だけで使えるIPアドレスということなのはまぁ知らなくもなかったが

127.0.0.1~127.255.255.254までの範囲が使えるということまでは知らなかった…(というより記憶から消えてた…)

ここ最近はずっと127.0.0.1だけだと思ってた…(酷い)

 

続きを読む