English | Spanish | German | French | 简体中文 | 日本語
douyin-vueest une parodie抖音|TikTokprojet de courte vidéo mobile.Vuesur le mobile最佳实践, comparable au natifAppExpérience soyeuse et douce. Utilisé le dernierVuepile technologique, basée surVue3、Vite5、Piniaaccomplir. Les données sont enregistrées localement dans le projet viaaxios-mock-adapterLa bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes backend.
Pages du gîte :https://dy.ttentau.top/(Il est recommandé de visiter cette adresse en Chine)
Netlifier :https://douyins.netlify.app/
[douyin-vue] Un :200 lignes de code pour implémenter un composant carrousel similaire à Swiper.js
[douyin-vue] Deuxièmement :Réaliser l'effet "vidéo coulissante infinie" sur Douyin
D'autres articles sont en préparation...
Remarque : ce projet convient uniquement à l'étude et à la recherche, et non à un usage commercial.
git clone https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run devOuvrez votre navigateur et visitez :http://127.0.0.1:3000
Remarque : Vous devez passer le navigateur en mode mobile, appuyez d'abord surF12Pour afficher la console, appuyez surCtrl+Shift+Mpour 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 ~
