derwind https://blog.hatena.ne.jp/derwind/ らんだむな記憶 https://randommemory.hatenablog.com/ JavaScript web クラゲちゃんを鳴かせてしまえというサンプルを Vue.js で作る。 audio 要素とか全然覚えてない。autoplay が 1 回しか効かないようなので、URL 書き換えの直前で v-if で要素を消しておいて、非同期で URL の書き換えと要素の出現を実行させてみる。4 時間分くらいの勉強の集大成的に。 次は仮想 DOM いってみよ。リフローを最低限のコストで実行するために VNode 作っておいて DOM の差分を Javascript オブジェクトで計算しといてから DOM ツリー更新するって話だろう。きっと。DOM ツリーのレーベンシュタイン距離を最小にする・・・って話でもないのか… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Frandommemory.hatenablog.com%2Fentry%2F2020%2F05%2F17%2F032445" title="Vue.js (1) - らんだむな記憶" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-05-17 03:24:45 rich https://randommemory.hatenablog.com/entry/2020/05/17/032445 1.0 100%