English | Spanish | German | French | 简体中文 | 日本語
douyin-vue
パロディです抖音|TikTok
モバイルショートビデオプロジェクト。Vue
ネイティブと同等のモバイル側の「ベスト プラクティス」App
シルキーで滑らかな使い心地。最新のものを使用しましたVue
テクノロジースタック、に基づくVue3
、Vite5
、Pinia
成し遂げる。データはプロジェクト内でローカルに保存されます。axios-mock-adapter
ライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンド リクエストをシミュレートします。
ジーティーページ:hっtps://zyろのん。ぎてえ。いお/どうyいん/(中国ではこのアドレスにアクセスすることをお勧めします)
注: コードが最新ではないため、現在 Gitee ページを更新できません。ファイアウォールを回避できる場合は、次のアドレスにアクセスすることをお勧めします。
Github ページ:hっtps://dy。ってんたう。とp/
【模倣同音シリーズ】 1:Swiper.js に似たカルーセル コンポーネントを実装するための 200 行のコード
【模倣同音シリーズ】2:Douyinで「無限スライドビデオ」効果を実現
【模倣同音シリーズ】その3:Vue ルーティングの使用とトランジション アニメーションの追加の概要
さらなる記事も準備中です...
注: このプロジェクトは研究と研究のみに適しており、商業利用には適していません。
git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev
ブラウザを開いて、以下にアクセスしてください。hっtp://127。0。0。1:3000
注: ブラウザをモバイル モードに切り替える必要があります。最初に を押します。F12
コンソールを表示するには、 を押します。Ctrl+Shift+M
通常にプレビューする
このビデオは以下のDouyinの有名人からのものです
我是香秀 🐂🍺
:hっtps://v。どうyいん。こm/いYらぱ2L/杨老虎 🐯(磕穿下巴掉牙版)
:hっtps://v。どうyいん。こm/いYら56で/条子
:hっtps://v。どうyいん。こm/いYらあqjr/达莎 Digi
:hっtps://v。どうyいん。こm/いYら6rwT/小橙子
:hっtps://v。どうyいん。こm/いYらぬdw/南恬
:hっtps://v。どうyいん。こm/いYらbKm3/小霸宠牛排 🥩
:hっtps://v。どうyいん。こm/いYRそsVB/奶茶妹 ◕🌱
:hっtps://v。どうyいん。こm/いYらCKhP/我才是岚岚
:hっtps://v。どうyいん。こm/いYらQM1C/周憬艺 ziran
:hっtps://v。どうyいん。こm/いYらQs4h/刘思瑶 nice
:hっtps://v。どうyいん。こm/いYらあえRん/彭十六 elf
:hっtps://v。どうyいん。こm/いYらHrVG/李子柒
:hっtps://v。どうyいん。こm/いYら5B88/
小紅書公文書からの写真
上記内容は全てインターネット上の公開情報です
プロジェクトは現在開発の初期段階にあり、新しい機能が継続的に追加されています。ソフトウェアに関する機能や提案がありましたら、お気軽にお問い合わせください。Issues
で育ちました
このソフトウェアのデザインアイデアも気に入っていただけましたら、ぜひ送信してくださいPR
、 ご支援ありがとうございました!
私のメールアドレスにご連絡いただけますzyろのん@163。こm
私の他のオープンソース プロジェクトを共有してください:
単語を入力する~Web上で使える単語暗記ソフト~
ウェブスクリプト- いくつかの便利な Grease Monkey スクリプト~