لا تخجل؟
كيفية الاستخدام
الطريقة 1
الوصول المباشر: https://iuroc.github.io/haixiu/.
الطريقة 2
قم بتفرع هذا المشروع، ثم استخدم Github Pages لنشر الدليل /docs .
مميزات المشروع
- يمكن نشر موقع ويب ثابت تمامًا باستخدام صفحات Github
- يدعم ترحيل البيانات وعرضها حسب العلامات، ويدعم التمرير إلى الأسفل لإضافة محتوى الصفحة التالية تلقائيًا
- تنفيذ عارض صور عالي الجودة يعتمد على PhotoSwipe
- عندما يقوم عارض الصور بتبديل الصور، يتم تمرير قائمة الصور المصغرة وتتبعها أينما تراها.
- عندما يصل عارض الصور إلى الصورة الأخيرة، تتم إضافة الصفحة التالية من البيانات تلقائيًا دون مقاطعة التصفح.
- استنادًا إلى تجزئة الموقع، يدعم التنفيذ History.back() لإغلاق عارض الصور ويتوافق مع مفتاح الرجوع للهاتف المحمول.
- يتم التنفيذ بناءً على تجزئة الموقع لدعم History.forward() لفتح عارض الصور واستعادة الموقع الأخير تلقائيًا
- عند إغلاق عارض الصور من خلال التجزئة فإنه يدعم مقاطعة الرسوم المتحركة، وهي تجربة رائعة
- قم بتسجيل موضع شريط التمرير تلقائيًا والتخلص من تأثير أحداث HashChange على شريط التمرير
التقنيات ذات الصلة
- استخدام زاحف Node.js Fetch API
- بعد الزحف إلى البيانات، يتم تخزين الصفحات في ملفات JSON متعددة، مع وضع علامة على أرقام الصفحات ومعلومات العلامات في أسماء الملفات.
- تستخدم الواجهة الأمامية إطار عمل Van.js لإنشاء واجهة مستخدم سريعة الاستجابة
- تطلب الواجهة الأمامية مباشرة ملفات JSON الثابتة من خلال Fetch لتنفيذ طلبات الترحيل.
- تنفيذ عارض الصور باستخدام مكتبة PhotoSwipe
تحديثات الموارد
يرجى التحقق من هذا المستند: برنامج جمع الصور README
