国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

用Vue仿了一個(gè)類似抖音的App

這篇具有很好參考價(jià)值的文章主要介紹了用Vue仿了一個(gè)類似抖音的App。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

大家好,我是 Java陳序員。

今天,給大家介紹一個(gè)基于 Vue3 實(shí)現(xiàn)的高仿抖音開源項(xiàng)目。

關(guān)注微信公眾號(hào):【Java陳序員】,獲取開源項(xiàng)目分享、AI副業(yè)分享、超200本經(jīng)典計(jì)算機(jī)電子書籍等。

項(xiàng)目介紹

douyin —— 一個(gè)基于 Vue、Vite 實(shí)現(xiàn),模仿抖音的移動(dòng)端短視頻項(xiàng)目。

這個(gè)項(xiàng)目的作者原本是用來學(xué)習(xí) Vue 練手的,經(jīng)過不斷的優(yōu)化更新,目前已經(jīng)達(dá)到官方 App 的 80% 了。真乃我輩楷模!

項(xiàng)目地址:

https://github.com/zyronon/douyin

在線訪問:

https://dy.ttentau.top/home

如果是 PC 瀏覽器瀏覽訪問,請(qǐng)用手機(jī)模式。先按 F12 調(diào)出控制臺(tái),再按 Ctrl + Shift + M 切換到手機(jī)模式。

項(xiàng)目截圖

PS:大家都知道視頻中的網(wǎng)紅是誰嘛?

本地部署

環(huán)境準(zhǔn)備: 該項(xiàng)目是基于 Vue 開發(fā)的,需要 Node 環(huán)境來運(yùn)行。

1、安裝 NodeJS,參考官方文檔

2、安裝 pnpm 包管理工具

npm install -g pnpm

3、拉取項(xiàng)目代碼

git clone https://github.com/zyronon/douyin.git

4、進(jìn)入項(xiàng)目根目錄并安裝依賴

cd douyin
pnpm install

5、啟動(dòng)項(xiàng)目

pnpm run dev

6、瀏覽器訪問

http://localhost:3000

最后

推薦的開源項(xiàng)目已經(jīng)收錄到 GitHub 項(xiàng)目,歡迎 Star

https://github.com/chenyl8848/great-open-source-project

或者訪問網(wǎng)站,進(jìn)行在線瀏覽:

https://chencoding.top:8090/#/

大家的點(diǎn)贊、收藏和評(píng)論都是對(duì)作者的支持,如文章對(duì)你有幫助還請(qǐng)點(diǎn)贊轉(zhuǎn)發(fā)支持下,謝謝!文章來源地址http://www.zghlxwxcb.cn/news/detail-844272.html

到了這里,關(guān)于用Vue仿了一個(gè)類似抖音的App的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • IOS 類似抖音下拉刷新與自定義上拉加載

    IOS 類似抖音下拉刷新與自定義上拉加載 首先考慮在UICollection與拖動(dòng)手勢(shì)之間的問題。 解決UICollectionView上添加手勢(shì)不能觸發(fā)。 這里使用了子類繼承UICollectionView 在View上添加拖動(dòng)手勢(shì) self.startPoint = CGPointZero; self.isInLoading = NO; 處理手勢(shì)判斷 // 給加的手勢(shì)設(shè)置代理, 并實(shí)現(xiàn)此協(xié)議

    2024年02月09日
    瀏覽(23)
  • uni-app/vue 文字轉(zhuǎn)語音朗讀(附小程序語音識(shí)別和朗讀)uniapp小程序使用文字轉(zhuǎn)語音播報(bào)類似支付寶收款播報(bào)小程序語音識(shí)別和朗讀)

    uni-app/vue 文字轉(zhuǎn)語音朗讀(附小程序語音識(shí)別和朗讀)uniapp小程序使用文字轉(zhuǎn)語音播報(bào)類似支付寶收款播報(bào)小程序語音識(shí)別和朗讀)

    uni-app/vue 文字轉(zhuǎn)語音朗讀(小程序語音識(shí)別和朗讀) 一、第一種方式:直接加語音包 固定的文本 先利用工具生成了 文本語音mp3文件,放入項(xiàng)目中,直接用就好了 這里用到的工具:知意配音 鏈接地址:https://peiyin.wozhiyi.com/newproduction.html 接下來,代碼部分。 在min.js文件里加

    2024年02月07日
    瀏覽(88)
  • 新接手一個(gè)業(yè)務(wù)系統(tǒng),我是這么熟悉的

    新接手一個(gè)業(yè)務(wù)系統(tǒng),我是這么熟悉的

    接二連三地背鍋?zhàn)屝∝埖膬?nèi)心受到了前所未有的打擊。這也是他職業(yè)生涯中的第一次。感興趣的伙伴們?nèi)绻肓私庖幌滦∝堅(jiān)趺戳耍梢钥匆幌隆皟绲仁录币约啊熬彺鎿舸┦录薄?這天組長找小貓來到了一間會(huì)議室。 “在這么短的時(shí)間內(nèi)發(fā)生了這么多的事故,我想也你心

    2024年01月21日
    瀏覽(23)
  • Vue3.2+TS在v-for的時(shí)候,循環(huán)處理時(shí)間,將其變成xx-xx-xx xx:xx:xx格式,最后教給大家自己封裝一個(gè)時(shí)間hooks,直接復(fù)用

    Vue3.2+TS在v-for的時(shí)候,循環(huán)處理時(shí)間,將其變成xx-xx-xx xx:xx:xx格式 最后教給大家自己封裝一個(gè)時(shí)間hooks,直接復(fù)用 1.沒有封裝,直接使用 假如我們現(xiàn)在其他地方還需要用到這個(gè),那么我們可以把這個(gè)方法封裝成一個(gè)hooks,用以復(fù)用 1.在src目錄下,新建一個(gè)utils文件夾,定義一個(gè)

    2024年02月13日
    瀏覽(19)
  • 我是如何在react中把一個(gè)集成了html,css的內(nèi)容放到頁面中的

    首先把html,css內(nèi)容進(jìn)行一個(gè)變量化,然后利用useState()去初始化一個(gè)變量,最后同通過一個(gè)標(biāo)簽屬性就好了dangerouslySetInnerHTML={變量} 通過這樣我把 typora 導(dǎo)出的 html 就可以直接放到上面展示了。

    2024年02月05日
    瀏覽(28)
  • 分享一個(gè)403界面給大家

    分享一個(gè)403界面給大家

    先看效果圖(說明:小鬼影會(huì)飄來飄去,長時(shí)間停留會(huì)有小驚喜,具體大家跑一下就知道): 代碼如下: PS:發(fā)現(xiàn)我用文字寫太生硬了,干的噎嗓子,干脆在代碼里加注釋了。

    2024年02月06日
    瀏覽(24)
  • 分享一個(gè)500頁面給大家

    分享一個(gè)500頁面給大家

    先看效果: 再看代碼:

    2024年02月06日
    瀏覽(25)
  • 寫了一個(gè) SRE 調(diào)試工具,類似一個(gè)小木馬

    遠(yuǎn)程操作機(jī)器有時(shí)會(huì)比較麻煩,我寫了一個(gè)工具,主要功能:1.遠(yuǎn)程執(zhí)行命令 2.上傳下載文件。是一個(gè) Web Server,通過 HTTP 請(qǐng)求來操作機(jī)器,類似一個(gè)小木馬。當(dāng)然,因?yàn)槭且粋€(gè) Web Server,所以也提供了打印 HTTP 請(qǐng)求的能力,方便調(diào)試 Webhook 場(chǎng)景。下面給大家演示一下。 工具代

    2024年04月22日
    瀏覽(22)
  • 抖音數(shù)字人主播app

    抖音數(shù)字人主播app

    ? ? 抖音數(shù)字人主播app是指一款利用計(jì)算機(jī)生成的虛擬數(shù)字人,在抖音平臺(tái)上進(jìn)行實(shí)時(shí)音視頻傳輸和互動(dòng)的應(yīng)用程序。該軟件可以讓用戶創(chuàng)建自己的虛擬數(shù)字人,并在抖音平臺(tái)上進(jìn)行實(shí)時(shí)互動(dòng)和交流。 ? ? 抖音數(shù)字人主播app通常需要包含以下功能: ? ? 3D建模和動(dòng)畫制作:用

    2023年04月20日
    瀏覽(15)
  • 【ChatGPT】開源軟件:ChatALL —— 我是 GitHub 榜一!(PS: 其實(shí),小編本地 build run 了一下,就是一個(gè)組裝 Chat UI ……)

    給第一次聽說 ChatALL 的朋友介紹下它吧。很簡單,它就是個(gè) 能讓你同時(shí)和 ChatGPT、Bing Chat、Bard、文心一言、訊飛星火、Claude、HuggingChat、Alpaca, Vincuna、MOSS、ChatGLM 聊天的工具,幫你快速找到最靠譜的答案。 Concurrently chat with ChatGPT, Bing Chat, bard, Alpaca, Vincuna, Claude, ChatGLM, MOSS,

    2024年02月07日
    瀏覽(22)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包