Фронтенд-бібліотека: шкала прогресу завантаження сторінки JS

Маленька покидька · Опубліковано 18.01.2016 11:02:55

Давайте спочатку розглянемо рендери:

Простота у використанні:

Крок 1: Скопіюйте папки шаблонів, тем, pace.js pace.min.js у проєкт

Крок 2: Введіть CSS-стилі та JS-скрипти

Вхід видно.

Крок 3: Відкрий сторінку — і все

Власна конфігурація

Pace.js автоматично завантажуватиметься на сторінку, не потрібно підключатися до коду, а прогрес буде автоматично виявлено. Якщо хочете внести деякі зміни, можете налаштувати window.paceOptions для налаштування конфігурації:

Вхід видно.

Ви також можете додати власні налаштування у тег scrip{filter}t, наприклад:

Вхід видно.

Якщо ви використовуєте AMD або Browserify для завантаження модулів, можна налаштувати це так (наприклад, старт):

Вхід видно.

Використовуйте API

Список API Pace.js публічних:

Pace.start: Починає показувати індикатор прогресу, якщо ви не використовуєте AMD або Browserify для завантаження модулів, це буде виконано за замовчуванням.
Pace.restart: Індикатор прогресу перезавантажується і відображається.
Pace.stop: приховує індикатор прогресу і зупиняє завантаження.
Pace.track: Відстежувати одне або кілька завдань із запитом.
Pace.ignore: Ігноруйте одне або кілька завдань із запитом.

Завантаження файлу:

pace-0.5.6.zip (153.26 KB, Кількість завантажень: 2)

[JavaScript] Фронтенд-бібліотека: шкала прогресу завантаження сторінки JS

Пов'язані дописи

Переглянуті розділи