サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
zatsuzatsu.hatenadiary.jp
はじめに 最近は1つのWebページにヘッダ、フッタ、メインコンテンツ、サイドバーとたくさんの情報を詰め込むため、何かと容量がでかくなる。すると、いちいち別のページに映るたびに、メインコンテンツ以外の共通している要素を再度読み込みなおす必要があり、全体の読み込みの遅さに影響を与える。Barba.jsを使うと、余分な読み込みを省き、更新が必要な箇所だけを置き換えてくれる。今回は、Barba.jsの最低限の実装を行う。 Barba.jsとは Barba.jsは、ページ遷移時に部分の要素だけを差し替えることが可能で、ページ遷移の高速化が可能になる。元々はページ遷移にアニメーションを付与するのがこのライブラリの主な使い方だが、今回はアニメーション部分には触れず、超簡潔に実装する。 参考にしたページ coliss.com ここにBarba.jsのデモと実装方法が一通り書かれている。 書き方 ファイル構
このページを最初にブックマークしてみませんか?
『zatsuzatsu.hatenadiary.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く