资讯专栏INFORMATION COLUMN

基于Vue 2.0高仿 <今日头条> 单页应用。

Honwhy / 1508人阅读

摘要:这是用高仿今日头条的移动端项目,结合了原生的部分功能以及网页版。前言本人是今日头条的重度用户,在学习过程中,在上看到了很多高仿的好项目。因为数据原因,首页请求的数据接口来自网页版今日头条,修改了一些参数收藏页面数据由本地文件获取。

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82621.html

相关文章

  • Vue2.0仿今日头条

    摘要:基于仿照今日头条的移动端项目源码地址预览地址前言先占个坑位。项目中还有许多可以完善的地方,不足之处希望小伙伴们可以,我会在这里更新。目前还没有全面地测试该项目,有问题提问,大家一起学习。 toutiao 基于Vue2.0仿照今日头条的移动端项目 源码地址:toutiao_Vue2.0 预览地址:toutiao_Vue2.0 前言 先占个坑位。 之前打算做个东西熟悉vue的使用,由于...

    pepperwang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<