Скачать haixiu - скачать исходный код haixiu

haixiu

Другие категории

1.0.0

Скачать

Не стесняйся Picture Network?

Как использовать

? Метод 1

Прямой доступ: https://iuroc.github.io/haixiu/.

? Способ 2

Создайте форк этого проекта, а затем используйте Github Pages для развертывания каталога /docs .

Особенности проекта

Чисто статический веб-сайт, который можно развернуть непосредственно с помощью Github Pages.
Поддерживает разбиение по страницам и отображение данных по тегам, а также поддерживает прокрутку вниз для автоматического добавления содержимого следующей страницы.
Реализуйте высококачественную программу просмотра изображений на основе PhotoSwipe.
Когда программа просмотра изображений переключает изображения, список миниатюр прокручивается и следует за каждым местом, где вы его видите.
Когда программа просмотра изображений достигает последнего изображения, следующая страница данных добавляется автоматически, не прерывая просмотр.
На основе хэша местоположения реализация поддерживает функцию History.back() для закрытия средства просмотра изображений и совместима с клавишей возврата мобильного устройства.
Реализовано на основе хеша местоположения для поддержки функции History.forward() для открытия средства просмотра изображений и автоматического восстановления последнего местоположения.
При закрытии средства просмотра изображений через Hash поддерживается прерывание анимации, что очень удобно.
Автоматически записывайте положение полосы прокрутки и устраняйте влияние событий HashChange на полосу прокрутки.

Связанные технологии

Использование сканера Node.js Fetch API
После сканирования данных страницы сохраняются в несколько файлов JSON, при этом номера страниц и информация тегов отмечаются в именах файлов.
Интерфейсная часть использует платформу Van.js для создания адаптивного пользовательского интерфейса.
Интерфейсная часть напрямую запрашивает статические файлы JSON через Fetch для реализации запросов на подкачку.
Реализуйте просмотрщик изображений с помощью библиотеки PhotoSwipe.