Vue2.0—仿知乎日报总结

lentoo 发布于2019-08-20 16:18 / 1245人阅读

摘要：一个基于全家桶开发的仿知乎日报单页应用项目地址源码地址项目在线地址在线地址模式下推荐使用移动端模式浏览去观看如果觉得做得还不错或者项目源码对您有帮助希望您小抬右手到右上角点一个您的支持是作者长期更新维护的动力项目起源从二月份开始学习学习了

Vue-News

一个基于vue全家桶开发的仿知乎日报单页应用

项目github地址:源码地址

项目在线地址:在线地址 (PC模式下推荐使用chrome移动端模式浏览去观看)

如果觉得做得还不错 , 或者项目源码对您有帮助 , 希望您小抬右手到右上角点一个star , 您的支持是作者长期更新维护的动力^_^

项目起源

从二月份开始学习vue学习了一个半月后去跟着滴滴黄轶老师学习他的Vue.js高仿饿了么外卖App课程,做完后收获颇丰，对vue的实际项目应用有了基本的了解,同时也学习到了移动端布局，例如flex,1px边框,正方形背景图等等,做完整个课程后决定自己再去做一个小东西去加深巩固vue知识数,因此又花了数天去阅读vuex,vue-router,axios,以及饿了么前端团队开发的mint-ui,最后在博哥的推荐下选择了仿知乎日报作为独立demo的prototype,原因吗很简单，标准的单页面应用，没有太多复杂的交互效果，以及现成的api接口,然后,就开工啦！

项目划分

项目主要划分为7个页面模块

首页 (HomePage)，收藏页(Collect)，新闻详情页(NewDetail)，评论页(Comments)，主题新闻页(ThemeDetail)，主编列表页(EditorsList)和主编个人页(Editor)

以及

侧边栏(Sidebar)，滑动图(Swipe)，新闻列表页(HomePageDetail)，详情页底部工具栏(BottomMenu)，头部(Header)，子页面头部(SonHeader)

项目技术总结

除了使用到mint-ui,axios，vue-router这些组件库和插件以外，还有一个非常重要的vuex，所有非父子组件通信，甚至部分父子组件通信都使用到他，到后期解决bug第一时间想到的也是采用vuex解决

上面的截图就是我定义的全部状态，7个页面定义了将近30个状态，做到了非父子组件需要用同一种状态但是又不互相影响的效果

所有源码欢迎到我的github察看，也欢迎各位点一个Star，你的一个star就是对我的莫大鼓励

私有云专线服务仿知乎 vue2.0 cdn 日报 python日报

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

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

嵌套滑动机制-仿知乎日报效果

摘要：处理滑动的基本思路都是基于事件传递机制，嵌套滑动机制也不例外。例如与，下面提供一个使用嵌套滑动机制来实现仿知乎日报效果，效果如下嵌套滑动机制原理假设两个分别为和，前者是后者的布局容器。参考文献嵌套滑动机制处理滑动的基本思路都是基于View事件传递机制，嵌套滑动(NestedScroll)机制也不例外。大量控件都实现了嵌套滑动机制，有很多源码可以学习。例如RecyclerView与S...

wupengyu 2019-06-24 19:18 评论0 收藏0
MaterialDesign相关 - 收藏集 - 掘金

摘要：将为按钮与操作行为转换提供一些默认动画，而及更高版本可让您定制这实现炫酷的登录效果掘金有需要的，请直接下载源码。本文就通过一个具体的例掘金此项目基于开发的一个。 Material Design 学习资料收集 - Android - 掘金本人目前正在找工作，想了解我的详细情况请移步到我的网页版简历，希望能得到各位的推荐，谢谢！关于 Material Design 在这里我就不......

flyer_dev 2019-06-25 11:20 评论0 收藏0
2017-08-23 前端日报

摘要：前端日报精选免费的计算机编程类中文书籍英文技术文档看不懂看印记中文就够了的内部工作原理美团点评点餐前后端分离实践让你的动画坐上时光机中文译有多棒简书译别再使用图片轮播了掘金译如何在中使用掘金个让增长成亿美元公司的独特方法众成翻 2017-08-23 前端日报精选 FPB 2.0：免费的计算机编程类中文书籍 2.0英文技术文档看不懂？看印记中文就够了！Virtual DOM 的内部工作...

lordharrd 2019-08-20 18:52 评论0 收藏0
完整的开源APP - 收藏集 - 掘金

摘要：该框架旨在向你展示一个轻量级的应用的总体结构以及如何构建多应用，为了译一步一步教你做一个风格的安卓天气掘金这篇文章教我们如何根据设计指南来创建一个风格的安卓天气。分享 50 个完整的 React Native 项目 - 掘金本文为 Marno 原创，转载必须保留出处！公众号 aMarno，关注后回复 RN 加入交流群简书专题《 React-Native 开发阵营》，欢迎关注和投...

Karuru 2019-06-25 11:16 评论0 收藏0
RxJavaAndroid - 收藏集 - 掘金

摘要：框架基于的一款新闻阅读掘金，一款新闻阅读框架，基于，基本涵盖了当前端开发最常用的主流框架，基于此框架可以快速开发一个。本文已授权任阅小说阅读器，高仿追书神器掘金任阅小说阅读器。掘金清风音乐，一款安卓音乐播放器，基于。 AndroidFire框架--基于 Material Design+MVP+RxJava+Retrofit+Glide的一款新闻阅读 App - 掘金AndroidFir...

Magicer 2019-06-25 11:26 评论0 收藏0