Skip to content

Latest commit

 

History

History
128 lines (87 loc) · 6.51 KB

README.de.md

File metadata and controls

128 lines (87 loc) · 6.51 KB

Douyin-Vue

English | Spanish | German | French | 简体中文 | 日本語

License

douyin-vueist eine Parodie抖音|TikTokmobiles Kurzvideoprojekt.Vue„Best Practices“ auf der mobilen Seite, vergleichbar mit NativeAppSeidiges und geschmeidiges Erlebnis. Habe das Neueste verwendetVueTechnologie-Stack, basierend aufVue3Vite5Piniaerreichen. Die Daten werden lokal im Projekt gespeichertaxios-mock-adapterDie Bibliothek fängt die API ab und gibt lokale JSON-Daten zurück, um echte Backend-Anfragen zu simulieren.

Online-Zugang

Github-Seiten:https://dy.ttentau.top/

Verknüpfung

[Imitation Douyin-Serie] 1:200 Codezeilen zur Implementierung einer Karussellkomponente ähnlich Swiper.js
[Imitation Douyin-Serie] 2:Verwirklichen Sie den „unendlich gleitenden Video“-Effekt auf Douyin
[Imitation Douyin-Serie] Drei:Einführung in die Verwendung des Vue-Routings und das Hinzufügen von Übergangsanimationen
[Imitation Douyin-Serie] Vier:Bedingtes Routen-Caching von Vue, genau wie bei herkömmlichen Nachrichtenseiten
[Imitation Douyin-Serie] Fünf:Github-Aktionen stellen Seiten bereit, synchronisieren mit Gitee, übersetzen README, packen Docker-Image

laufen

Hinweis: Dieses Projekt ist nur für Studien- und Forschungszwecke geeignet, nicht für die kommerzielle Nutzung

Schnelle Bereitstellung in Vercel

Deploy with Vercel

Auf Docker bereitstellen

# pull Docker image
docker pull ghcr.io/zyronon/douyin-vue:latest

# start container, nginx reverse proxy custom port, for example: docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest
docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest

lokale Entwicklung

Hinweis: Der Git-Befehl muss geklont werden, damit er ausgeführt werden kann. Das Herunterladen des ZIP-Pakets ist nicht möglich. Wenn die Klongeschwindigkeit zu langsam ist, wird empfohlen, die Gitee-Adresse zu verwenden

git clone https://gitee.com/zyronon/douyin.git (中国使用)
          https://github.com/zyronon/douyin.git 
cd douyin
npm install
npm run dev

Öffnen Sie Ihren Browser und besuchen Sie:http://127.0.0.1:3000

Hinweis: Sie müssen den Browser in den Mobilmodus schalten, indem Sie zuerst drückenF12Um die Konsole aufzurufen, drücken SieCtrl+Shift+Mum eine normale Vorschau anzuzeigen

Datenquellen

Das Video stammt von folgenden Douyin-Prominenten

Bild aus den öffentlichen Notizen von Xiaohongshu

Bei den oben genannten Inhalten handelt es sich um alle öffentlichen Informationen im Internet

Funktionen und Vorschläge

Das Projekt befindet sich derzeit in einem frühen Entwicklungsstadium und es werden kontinuierlich neue Funktionen hinzugefügt. Wenn Sie Funktionen oder Vorschläge für die Software haben, können Sie sich gerne an uns wenden.Issuesaufgewachsen in Wenn Ihnen die Designideen dieser Software auch gefallen, reichen Sie sie bitte einPR, Vielen Dank für deine Unterstützung!

kontaktiere mich

Sie können meine E-Mail kontaktieren[email protected]

Teilen Sie meine anderen Open-Source-Projekte:

Wort eingeben- Software zum Auswendiglernen von Vokabeln, die im Internet verwendet werden kann
Webskripte- Einige nützliche Grease Monkey-Skripte ~

Vereinbarung

GPL