基于Vue 2.0高仿 <今日头条> 单页应用 —— vue-toutiao
2017-04-22 23:06
495 查看
vue-toutiao
这是用 vue.js 2.0 高仿 今日头条 的移动端项目,结合了原生app的部分功能以及网页版。前言
本人是 今日头条 的重度用户,在学习vue.js过程中,在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术积累后,开始构思使用Vue写今日头条,一是自己对于头条的喜爱,另外也是对于自己学习成果的检验。技术栈
vue.js 2.0全家桶(vue、vuex、vue-router)axios、jsonp
element-ui、iview
vue-lazyload、animate.css、moment、flexible.js
在线地址
线上地址(预览地址)GitHub地址
说明
项目内定死 账号: admin, 密码: admin。因为数据原因,首页请求的数据接口来自网页版今日头条,修改了一些参数; 收藏 页面数据由本地(static文件)获取。
此项目主要是对于vue.js的运用,在样式上无法完全还原app,可能有些地方稍微丑陋,望请谅解!
因为网页接口限制,无法获得app中 视频 这一栏目的数据,所以将其改了一些页面结构。
项目会一直更新,完善更多的功能,如发现一些地方的bug请issue,谢谢。
安装
npm install运行 (8090端口)
npm run dev感谢
如果您也是头条的重度用户,感觉项目对您有学习帮助,麻烦给个star吧,嘿嘿^_^相关文章推荐
- 基于Vue 2.0高仿 <今日头条> 单页应用。
- 基于Vue 2.0高仿 <今日头条> 单页应用。
- <Android 应用 之路> 一个类似今日头条的APP
- 再读<<基于MVC的JavaScript Web 富应用开发>>
- 爬虫实践---今日头条<街拍>图片
- 基于vue2 + vue-router + vuex 构建的一个新闻类大型单页面应用 —— 今日头条
- 基于Vue2.0的知乎日报单页应用
- 基于 vue-cli 的 Vue js 单页应用项目模板
- 基于构建实时WEb应用的HTML5 WebSocket协议<一>
- vuejs高仿今日头条移动端 - vue-toutiao
- 基于Vue2.0的知乎日报单页应用
- vuejs高仿今日头条移动端 - vue-toutiao
- 基于构建实时WEb应用的HTML5 WebSocket协议<二>
- <Android 应用 之路> 一个类似今日头条的APP
- 基于 vue-cli 的 Vue js 单页应用项目模板
- [IMWeb训练营作业]基于vue仿照今日头条文章详情页面
- 基于Vue2.0的知乎日报单页应用
- 基于VUE的SPA单页应用开发-加载性能篇
- 大话西游之Office应用实例系列! <12>
- 基于J2ME的SVGT移动应用(一) imageprocess