{"repo":"zyronon/douyin","free":true,"listed":false,"github":"https://github.com/zyronon/douyin","clone":"git clone https://github.com/zyronon/douyin.git","description":"Vue3 + Pinia 仿抖音，Vue 在移动端的最佳实践 . Imitate TikTok ，Vue Best practices on Mobile","language":"Vue","stars":11527,"topics":["vue","douyin","js","tiktok","vue3"],"license":"GPL-3.0","category":"ui-components","readme_excerpt":"Douyin-Vue English Spanish German French 简体中文 日本語 douyin-vue 是一个模仿 抖音 TikTok 的移动端短视频项目。 Vue 在移动端的\"最佳实践\"，媲美原生 App 丝滑流畅的使用体验。使用了最新的 Vue 技术栈，基于 Vue3 、 Vite5 、 Pinia 实现。数据保存在项目本地，通过 axios-mock-adapter 库拦截Api 并返回本地json数据，模拟真实后端请求 在线访问 Github Pages: https://dy.typewords.cc/ [//]: # (Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) ) [//]: # (Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) ) [//]: # (Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)) [//]: # (Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)) [//]: # (Android Apk: https://github.com/zyronon/douyin/releases) [//]: # ( 注意 ： PC 必须将浏览器切到手机模式，先按 F12 调出控制台，再按 Ctrl+Shift+M 才能正常预览) [//]: # ( 注意 ：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示) 链接 【模仿抖音系列】一：200行代码实现类似Swiper.js的轮播组件 【模仿抖音系列】二：实现抖音 “视频无限滑动“效果 【模仿抖音系列】三：Vue 路由使用介绍以及添加转场动画 【模仿抖音系列】四：Vue 有条件路由缓存，就像传统新闻网站一样 【模仿抖音系列】五：Github Actions 部署 Pages、同步到 Gitee、翻译 README 、 打包 docker 镜像 【模仿抖音系列】六：使用rem、动态vh自适应移动端 运行 注意：本项目仅适用于学习和研究，不得用于商业使用 快速部署至 Vercel 部署到 Docker 本地开发 注意：必须 git 命令 clone 下来才能运行，下载 zip 包是无法运行的。如果 clone 速度太慢，推荐使用 gitee 地址 打开浏览器并访问: http://127.0.0.1:3000 注意：需要将浏览器切至手机模式，先按 F12 调出控制台，再按 Ctrl+Shift+M 才能正常预览 数据来源 视频来源于以下抖音网红 - 我是香秀 🐂🍺 : https://v.douyin.com/iYRAPA2L/ - 杨老虎 🐯（磕穿下巴掉牙版） : https://v.douyin.com/iYRA56de/ - 条子 : https://v.douyin.com/iYRAaqjr/ - 达莎 Digi ：https://v.douyin.","default_branch":null,"files":null,"tree":[],"storefront":"/r/zyronon","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/zyronon/douyin/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}