weex仿新闻
来源:互联网 发布:视频教程网站源码 编辑:程序博客网 时间:2024/06/01 07:18
toutiao -weex
基于WEEX +Vue2.0仿照今日头条的app项目(android/ios)
源码地址:toutiao_weex
Apk地址:android-demo
前言
之前打算做个东西熟悉vue的使用,由于自己蛮喜欢刷手机看看新闻的,借鉴了其他同学的项目(链接在下面),自己也做了一个。项目中还有许多可以完善的地方,不足之处希望小伙伴们可以issue,我会在这里更新。目前还没有全面地测试该项目,有问题提问,大家一起学习。
技术栈
- 主要用到:vue、weex android ios
功能
- 各类新闻的查看
- 本地收藏新闻
- 新闻的搜索
- 待…
效果
目录
|- src |- assets |- image // 项目图片 |- font // iconfont字体库 |- include // 组件 |- navbar.vue // 导航 |- tabbar.vue // 底部导航 |- views // 主体页面 |- index.vue // 主体页面 |- Detail.vue // 详情页 |- Care.vue // 关注页 |- Home.vue // 主页 |- My.vue // 段子页 |- manifast.json // 清单文件|- tools |- android // android copy |- iso // ios copy |- packzip.js // 打包
更多细节在源码中会有一些注释
API
获取新闻:
https://m.toutiao.com/list/?tag=新闻类型&ac=wap&count=20&format=json_raw&as=A125A8CEDCF8987&cp=58EC18F948F79E1&min_behot_time=时间
获取文章:
https://m.toutiao.com/i新闻ID/info/'
获取段子:
https://www.toutiao.com/api/article/feed/?category=essay_joke&utm_source=toutiao&widen=1&max_behot_time=1500114422&max_behot_time_tmp=1500114422&tadrequire=true&as=A1F52966E9EEF00&cp=59692E6FD0E09E1
搜索:
https://www.toutiao.com/search_content/?offset=相对位置&format=json&keyword=关键词&autoload=true&count=20&cur_tab=1
还可以参考今日头条Api分析
Ps:多star多动力[捂脸]
参考
u-weex开源地址
u-weex开源地址wiki
toutiao_Vue2.0的项目
Build Setup
android
npm installnpm run buildnpm run packzipnpm run copy:androidcd platforms/androidgradle iD
详细文档
完整demo
- weex仿新闻
- 仿网易新闻客户端
- 仿网易新闻客户端
- 仿网易新闻框架
- 仿新闻图片浏览
- 仿网易新闻客户端
- 仿新闻客户端
- 仿网易新闻客户端
- 仿百度新闻首页
- 仿淘宝滚动新闻
- HTML仿抽屉新闻
- 【仿】新闻App练习
- Weex
- weex
- WEEX
- weex
- 仿网易新闻页面效果
- 网易新闻客户端(高仿)
- day4_字符串的相关库函数
- C#强类型概述
- CodeForces 71 A.Way Too Long Words(水~)
- Bounding-box Regression
- 框架漫谈之hibernate(一)为什么要使用hibernate框架
- weex仿新闻
- Spark example WordCount
- Spring08---AOP_基于xml
- CMD 命令速查手册
- LeetCode
- 帮朋友建了个电子书分享网站
- PAT
- Linux基本入门学习
- python matplotlib简单示例