Ön uç kütüphanesi: JS sayfa yükleme ilerleme çubuğu

Küçük · Yayınlandı 18.01.2016 11:02:55

Önce renderlere bakalım:

Kullanımı kolay:

Adım 1: Şablonlar klasörünü, temalar klasörünü, pace.js pace.min.js projeye kopyalayın

Adım 2: CSS stillerini ve JS betiklerini tanıtın

Giriş görünür.

Adım 3: Sayfayı açın ve işiniz bitmiş

Özel yapılandırma

Pace.js otomatik olarak sayfaya yüklenir, herhangi bir koda bağlanmaya gerek kalmaz ve ilerleme otomatik olarak tespit edilir. Bazı ayarlamalar yapmak isterseniz, windows.paceOptions ayarlarını ayarlayarak yapılandırmayı özelleştirebilirsiniz:

Giriş görünür.

Ayrıca scrip{filter}t etiketine özel ayarlar da koyabilirsiniz, örneğin:

Giriş görünür.

Modülleri yüklemek için AMD veya Browserify kullanıyorsanız, bunu şu şekilde ayarlayabilirsiniz (örneğin başlat):

Giriş görünür.

API'yi kullanın

Halka açık Pace.js API'ler listesi:

Pace.start: İlerleme çubuğu görünmeye başlıyor, modülleri yüklemek için AMD veya Browserify kullanmıyorsanız, bu varsayılan olarak çalıştırılıyor.
Pace.restart: İlerleme çubuğu yeniden yükleniyor ve görüntüleniyor.
Pace.stop: ilerleme çubuğunu gizler ve yüklemeyi durdurur.
Pace.track: Bir veya daha fazla istek görevini izleyin.
Pace.ignore: Bir veya daha fazla görev istemeyi görmezden gelin.

Dosya İndirme:

pace-0.5.6.zip (153.26 KB, İndirme sayısı: 2)

[JavaScript] Ön uç kütüphanesi: JS sayfa yükleme ilerleme çubuğu

İlgili Yazılar

Görüntülenen bölümler