摘要:這是用高仿今日頭條的移動(dòng)端項(xiàng)目,結(jié)合了原生的部分功能以及網(wǎng)頁(yè)版。前言本人是今日頭條的重度用戶,在學(xué)習(xí)過(guò)程中,在上看到了很多高仿的好項(xiàng)目。因?yàn)閿?shù)據(jù)原因,首頁(yè)請(qǐng)求的數(shù)據(jù)接口來(lái)自網(wǎng)頁(yè)版今日頭條,修改了一些參數(shù)收藏頁(yè)面數(shù)據(jù)由本地文件獲取。
vue-toutiao
前言這是用 vue.js 2.0 高仿 今日頭條 的移動(dòng)端項(xiàng)目,結(jié)合了原生app的部分功能以及網(wǎng)頁(yè)版。
本人是 今日頭條 的重度用戶,在學(xué)習(xí)vue.js過(guò)程中,在GitHub上看到了很多高仿webapp的好項(xiàng)目。由此在有了一定的技術(shù)積累后,開(kāi)始構(gòu)思使用Vue寫(xiě)今日頭條,一是自己對(duì)于頭條的喜愛(ài),另外也是對(duì)于自己學(xué)習(xí)成果的檢驗(yàn)。GitHub地址
技術(shù)棧vue.js 2.0全家桶(vue、vuex、vue-router)
axios、jsonp
element-ui、iview
vue-lazyload、animate.css、moment、flexible.js
項(xiàng)目效果圖 在線地址Demo地址(預(yù)覽)
Github地址
項(xiàng)目?jī)?nèi)定死 賬號(hào): admin, 密碼: admin。
因?yàn)閿?shù)據(jù)原因,首頁(yè)請(qǐng)求的數(shù)據(jù)接口來(lái)自網(wǎng)頁(yè)版今日頭條,修改了一些參數(shù); 收藏 頁(yè)面數(shù)據(jù)由本地(static文件)獲取。
此項(xiàng)目主要是對(duì)于vue.js的運(yùn)用,在樣式上無(wú)法完全還原app,可能有些地方稍微丑陋,望請(qǐng)諒解!
因?yàn)榫W(wǎng)頁(yè)接口限制,無(wú)法獲得app中 視頻 這一欄目的數(shù)據(jù),所以將其改了一些頁(yè)面結(jié)構(gòu)。
項(xiàng)目會(huì)一直更新,完善更多的功能,如發(fā)現(xiàn)一些地方的bug請(qǐng)issue,謝謝。
安裝npm install
運(yùn)行 (8090端口)npm run dev
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/82621.html
摘要:基于仿照今日頭條的移動(dòng)端項(xiàng)目源碼地址預(yù)覽地址前言先占個(gè)坑位。項(xiàng)目中還有許多可以完善的地方,不足之處希望小伙伴們可以,我會(huì)在這里更新。目前還沒(méi)有全面地測(cè)試該項(xiàng)目,有問(wèn)題提問(wèn),大家一起學(xué)習(xí)。 toutiao 基于Vue2.0仿照今日頭條的移動(dòng)端項(xiàng)目 源碼地址:toutiao_Vue2.0 預(yù)覽地址:toutiao_Vue2.0 前言 先占個(gè)坑位。 之前打算做個(gè)東西熟悉vue的使用,由于...
閱讀 3700·2023-04-26 02:24
閱讀 1010·2023-04-25 14:47
閱讀 2678·2021-11-24 11:16
閱讀 1833·2021-11-24 09:38
閱讀 1683·2021-11-18 10:07
閱讀 2133·2021-09-22 15:49
閱讀 1668·2019-08-30 15:55
閱讀 966·2019-08-26 13:38