English | Spanish | German | French | 简体中文 | 日本語
douyin-vue
es una parodia抖音|TikTok
Proyecto de vídeo corto móvil.Vue
"Mejores prácticas" en el lado móvil, comparables a las nativasApp
Experiencia sedosa y suave. Usado lo últimoVue
pila de tecnología, basada enVue3
、Vite5
、Pinia
lograr. Los datos se guardan localmente en el proyecto a través deaxios-mock-adapter
La biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de backend reales.
Páginas de Github:https://dy.ttentau.top/
[Serie Imitación Douyin] 1:200 líneas de código para implementar un componente carrusel similar a Swiper.js
[Serie Imitación Douyin] 2:Realice el efecto de "vídeo deslizante infinito" en Douyin
[Serie Imitación Douyin] Tres:Vue 路由使用介绍以及添加转场动画
[Serie Imitación Douyin] Cuatro:Almacenamiento en caché de rutas condicionales de Vue, al igual que los sitios de noticias tradicionales
[Serie Imitación Douyin] Cinco:Github Actions implementa páginas, sincroniza con Gitee, traduce README, empaqueta la imagen de la ventana acoplable
Nota: Este proyecto sólo es apto para estudio e investigación, no para uso comercial.
# 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
Nota: El comando git debe clonarse para ejecutarse. No se puede ejecutar la descarga del paquete zip. Si la velocidad de clonación es demasiado lenta, se recomienda utilizar la dirección del albergue
git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev
Abra su navegador y visite:http://127.0.0.1:3000
Nota: Debe cambiar el navegador al modo móvil, primero presioneF12
Para abrir la consola, presioneCtrl Shift M
para obtener una vista previa normalmente
El video proviene de las siguientes celebridades de Douyin.
我是香秀 🐂🍺
: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/
Imagen de las notas públicas de Xiaohongshu.
以上内容均是互联网公开信息
El proyecto se encuentra actualmente en las primeras etapas de desarrollo y continuamente se agregan nuevas funciones. Si tiene alguna característica o sugerencia para el software, no dude en contactarnos.Issues
criado en
Si también le gustan las ideas de diseño de este software, envíelas.PR
, ¡Muchas gracias por tu apoyo!
Puedes contactar a mi correo[email protected]
Comparta mis otros proyectos de código abierto:
Escribir palabra- Software de memorización de vocabulario que se puede utilizar en la web ~
Guiones web- Algunos scripts útiles de Grease Monkey~