English | Spanish | German | French | 简体中文 | 日本語
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 aufVue3、Vite5、Piniaerreichen. 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.
Github-Seiten:https://dy.ttentau.top/
[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
Hinweis: Dieses Projekt ist nur für Studien- und Forschungszwecke geeignet, nicht für die kommerzielle Nutzung
# 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:latestHinweis: 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
Das Video stammt von folgenden Douyin-Prominenten
我是香秀 🐂🍺:https://v.douyin.com/iYRAPA2L/杨老虎 🐯（磕穿下巴掉牙版）:https://v.douyin.com/iYRA56de/条子:https://v.douyin.com/iYRAaqjr/达莎 Digi：https://v.douyin.com/iYRA6rwT/小橙子:https://v.douyin.com/iYRAnudw/南恬:https://v.douyin.com/iYRAbKm3/小霸宠牛排 🥩：https://v.douyin.com/iYRSosVB/奶茶妹 ◕🌱:https://v.douyin.com/iYRACKhP/我才是岚岚:https://v.douyin.com/iYRAQM1C/周憬艺 ziran:https://v.douyin.com/iYRAQs4h/刘思瑶 nice:https://v.douyin.com/iYRAaERn/彭十六 elf:https://v.douyin.com/iYRAHrVG/李子柒:https://v.douyin.com/iYRA5B88/
Bild aus den öffentlichen Notizen von Xiaohongshu
Bei den oben genannten Inhalten handelt es sich um alle öffentlichen Informationen im Internet
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!
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 ~
