wannabe-jellyfish https://blog.hatena.ne.jp/wannabe-jellyfish/ くらげになりたい。 https://memory-lovers.blog/ Nuxt.js Vue libraries 画面外のときは描画しないようにし、無限ローディング時の性能改善したときの備忘録。 vue-observe-visibilityを使って、画面内かを検知して表示を切り替えてみた。 インストール まずはインストール。 $ npm install --save vue-observe-visibility # IEなどIntersection Observer APIに対応してないブラウザ用のpolyfill $ npm install --save intersection-observer プラグインの作成 plugins/observe-visibility.tsを作成 // polyfill… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemory-lovers.blog%2Fentry%2F2020%2F03%2F17%2F093000" title="vue-observe-visibilityを使って画面内のときだけ表示する - くらげになりたい。" 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-03-17 09:30:00 rich https://memory-lovers.blog/entry/2020/03/17/093000 1.0 100%