Vue.js Responsive Image Lazy Loading - Markus Oberlehner
In today’s article, we take a closer look at how we can build our own custom lazy loading image component with Vue.js. We use the fast and lightweight Lozad.js package for handling the lazy loading logic for us, and we’ll enhance it with the ability to display the dominant color of the image as a fallback color, which is shown while the original image is loading. Additionally, the lazy loading com
router プロパティ
router プロパティ router プロパティを使って Nuxt ルーター (vue-router )をカスタマイズできます。 base 型: String デフォルト: '/' アプリケーションのベースの URL です。例えば、単一ページアプリケーション全体が /app/ 下に配置される場合、base の値は '/app/' を指定します。 これは、より大きな Web サイト内から、Nuxt を別のコンテキストルートとして提供する必要がある場合に役立ちます。フロントプロキシウェブサーバーを設定する場合としない場合があることに注意してください。 router.base にリダイレクトしたい場合、Hook を使ってリダイレクトすることができます。ルートでない場合 router.base にリダイレクトさせるを参照してください 。 Nuxt v2.15 以降では、実行時にこのプロパティの値
Vueの秘密のパフォーマンステク9選紹介 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? VueConf USでのさまざまな発表 今年の3月に VueConf US が開催されました。最近になってビデオが公開されて初めて知ったこともあるので本記事ではその紹介をします。 いろいろ面白いトピックがあるのですが、特にVueコアチームのGuillaume Chauさんによるパフォーマンス改善テクニックはまじかーという感じだったのでここにまとめたいと思います。 "9 Performance Secrets Revealed with Guillaume Chau" プレゼン動画: http://www.youtube.com/watc
replace axios-module to axios
じまぐ @nakajmg Frontend Engineer at PixelGrid Inc. + 副業
eslint & prettier を整備したので設定についてまとめた - Qiita
※2021/5/14 更新※ この記事は古い内容で書かれています。 この記事で使用している eslint-plugin-prettier は 2021/5/14現在 Prettierから推奨されていません。 https://prettier.io/docs/en/integrating-with-linters.html#notes 最新の情報は https://prettier.io/ や https://eslint.org/ から収集してください。 はじめに とあるプロジェクトで、初めて eslint と prettier による静的検証とコードを整備したのですが、全容を理解するまで難しかったので、その内容をまとめます。 主にVue.js向けの内容ですが、知識としては汎用的な内容だと思います。 対象者 eslintとprettierそれぞれが何者で、何をしているかわかっているんだけど
ちゃんと理解するCode Splitting - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Code Splitting、サボってきたのですが、必要になりそうだったので真面目に調べてみました。 これからCode Splittingやりたい方の入口的な役割になれれば幸いです。 Code Splittingとはなにか Code Splittingはその名の通り「コードを分割すること」を指します。分割されたコードはユーザのアクションに応じて非同期に読み込まれます。 ちなみにWebpackでentry point分けることとかもCode Splittingと言えばそうなのですが、本記事では触れません。また、別にSPAでなくともCode
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Edge support · Issue #63 · damianstasik/vue-svg-loader
Lazy Loading Images in VueJs - Digital Fortress