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