English | Spanish | German | French | 简体中文 | 日本語
douyin-vue
est une parodie抖音|TikTok
projet de courte vidéo mobile.Vue
Des « bonnes pratiques » côté mobile, comparables au natifApp
Expérience soyeuse et douce. Utilisé le dernierVue
pile technologique, basée surVue3
、Vite5
、Pinia
accomplir. Les données sont enregistrées localement dans le projet viaaxios-mock-adapter
La bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes backend.
Pages GitHub :https://dy.ttentau.top/
[Série Imitation Douyin] 1 :200 lignes de code pour implémenter un composant carrousel similaire à Swiper.js
[Série Imitation Douyin] 2 :Réaliser l'effet "vidéo coulissante infinie" sur Douyin
[Série Imitation Douyin] Trois :Introduction à l'utilisation du routage Vue et à l'ajout d'animations de transition
[Série Imitation Douyin] Quatre :Mise en cache des routes conditionnelles Vue, tout comme les sites d'information traditionnels
[Série Imitation Douyin] Cinq :Les actions Github déploient des pages, synchronisent avec Gitee, traduisent README, emballent l'image Docker
Remarque : ce projet convient uniquement à l'étude et à la recherche, et non à un usage commercial.
# 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
Remarque : La commande git doit être clonée pour s'exécuter. Le téléchargement du package zip ne peut pas s'exécuter. Si la vitesse de clonage est trop lente, il est recommandé d'utiliser l'adresse du gîte
git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev
Ouvrez votre navigateur et visitez :http://127.0.0.1:3000
Remarque : Vous devez passer le navigateur en mode mobile, appuyez d'abord surF12
Pour afficher la console, appuyez surCtrl+Shift+M
pour prévisualiser normalement
La vidéo provient des célébrités Douyin suivantes
我是香秀 🐂🍺
: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/
Photo tirée des notes publiques de Xiaohongshu
Le contenu ci-dessus est toute l'information publique sur Internet
Le projet en est actuellement aux premiers stades de développement et de nouvelles fonctionnalités sont ajoutées continuellement. Si vous avez des fonctionnalités ou des suggestions pour le logiciel, n'hésitez pas à nous contacter.Issues
élevé dans
Si vous aimez également les idées de conception de ce logiciel, veuillez le soumettrePR
, Merci beaucoup pour votre soutient!
Vous pouvez contacter mon email[email protected]
Partagez mes autres projets open source :
Taper un mot- Logiciel de mémorisation de vocabulaire utilisable sur le web~
Scripts Web- Quelques scripts Grease Monkey utiles ~