Douyin-Vue

`douyin-vue`パロディです`抖音|TikTok`モバイルショートビデオプロジェクト。`Vue`ネイティブと同等のモバイル側の「ベストプラクティス」`App`シルキーで滑らかな使い心地。最新のものを使用しました`Vue`テクノロジースタック、に基づく[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)成し遂げる。データはプロジェクト内でローカルに保存されます。[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)ライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンドリクエストをシミュレートします。

## オンラインアクセスジーティーページ:[ｈっｔｐｓ：／／ｚｙろのん。ぎてえ。いお／どうｙいん／](https://zyronon.gitee.io/douyin/)(中国ではこのアドレスにアクセスすることをお勧めします) 注: コードが最新ではないため、現在 Gitee ページを更新できません。ファイアウォールを回避できる場合は、次のアドレスにアクセスすることをお勧めします。 Github ページ:[ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／](https://dy.ttentau.top/) [//]: # "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 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示" ## リンク【模倣同音シリーズ】 1:[Swiper.js に似たカルーセルコンポーネントを実装するための 200 行のコード](https://juejin.cn/post/7360512664317018146) 【模倣同音シリーズ】２：[Douyinで「無限スライドビデオ」効果を実現](https://juejin.cn/post/7361614921519054883) 【模倣同音シリーズ】その３：[Vue ルーティングの使用とトランジションアニメーションの追加の概要](https://juejin.cn/post/7362528152777130025) さらなる記事も準備中です... ## 走る注: このプロジェクトは研究と研究のみに適しており、商業利用には適していません。 ### Vercel への迅速な導入 [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin) ### 地域開発 ```bash git clone https://gitee.com/zyronon/douyin.git (中国使用) https://github.com/zyronon/douyin.git cd douyin npm install npm run dev ``` ブラウザを開いて、以下にアクセスしてください。[ｈっｔｐ：／／１２７。０。０。１：３０００](http://127.0.0.1:3000) **注: ブラウザをモバイルモードに切り替える必要があります。最初にを押します。`F12`コンソールを表示するには、を押します。`Ctrl+Shift+M`通常にプレビューする** ## データソースこのビデオは以下の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/) 小紅書公文書からの写真上記内容は全てインターネット上の公開情報です ## 特徴と提案プロジェクトは現在開発の初期段階にあり、新しい機能が継続的に追加されています。ソフトウェアに関する機能や提案がありましたら、お気軽にお問い合わせください。`Issues`で育ちましたこのソフトウェアのデザインアイデアも気に入っていただけましたら、ぜひ送信してください`PR`、ご支援ありがとうございました！ ## 私に連絡して私のメールアドレスにご連絡いただけますｚｙろのん＠１６３。こｍ > 私の他のオープンソースプロジェクトを共有してください: > > _[**単語を入力する**～Web上で使える単語暗記ソフト～](https://github.com/zyronon/typing-word)

_ > _[**ウェブスクリプト**- いくつかの便利な Grease Monkey スクリプト~](https://github.com/zyronon/web-scripts)

_ ## 合意 [GPL](../LICENSE)