资讯专栏INFORMATION COLUMN

Vue入门实践 每日一文Webapp

jonh_felix / 835人阅读

摘要:这段时间学习还是边撸小项目边学比较容易掌握感谢无私提供的各种感谢每日一文这个我还是蛮喜欢的在线演示地址点我访问手机直接访问端打开开发者工具栏手机模式项目地址点我访问技术栈功能设计今日文章主页随机一文前一天后一天的文章顶部进度条自己的想

这段时间学习vue 还是边撸小项目边学比较容易掌握

感谢@jokermonn无私提供的各种API jokermonn/-Api

感谢 每日一文 这个app我还是蛮喜欢的

在线演示地址: 点我访问
(手机直接访问、pc端打开开发者工具栏手机模式)

github项目地址:点我访问

Build Setup
# clone
git clone https://github.com/Cr0wn0209/vue-meiriyiwen.git

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
技术栈

vue+vue-router

axios

功能设计

今日文章(主页)

随机一文

前一天、后一天的文章

顶部进度条 (自己的想法)

滚动遮住文章标题后在顶部显示文章标题 (参考了知乎的设计)


预览

参考了每日一文官方APP的一些设计,在此基础上加入了自己的一些想法,现在版本围绕api的功能都实现了,之后准备加入官方app里的收藏文章功能、阅读设置功能(文字大小、背景色、夜间模式等...),这是我接触vue的第一个小项目啦,功能也不很少很简单,还有很多地方我觉得实现方式不太好,对Vue的掌握还是太浅啦

主页

切换随机文章

切换指定文章

个人学习用,有什么建议请积极提出,请勿商用,求个小星星鼓励下我这个小菜鸡啦~

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

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

相关文章

  • Vue入门实践 每日一文Webapp

    摘要:这段时间学习还是边撸小项目边学比较容易掌握感谢无私提供的各种感谢每日一文这个我还是蛮喜欢的在线演示地址点我访问手机直接访问端打开开发者工具栏手机模式项目地址点我访问技术栈功能设计今日文章主页随机一文前一天后一天的文章顶部进度条自己的想 这段时间学习vue 还是边撸小项目边学比较容易掌握 感谢@jokermonn无私提供的各种API jokermonn/-Api 感谢 每日一文 这个a...

    lily_wang 评论0 收藏0
  • Vue入门实践 每日一文Webapp

    摘要:这段时间学习还是边撸小项目边学比较容易掌握感谢无私提供的各种感谢每日一文这个我还是蛮喜欢的在线演示地址点我访问手机直接访问端打开开发者工具栏手机模式项目地址点我访问技术栈功能设计今日文章主页随机一文前一天后一天的文章顶部进度条自己的想 这段时间学习vue 还是边撸小项目边学比较容易掌握 感谢@jokermonn无私提供的各种API jokermonn/-Api 感谢 每日一文 这个a...

    weizx 评论0 收藏0
  • 平时积累的前端资源,持续更新中。。。

    本文收集学习过程中使用到的资源。 持续更新中…… 项目地址 https://github.com/abc-club/f... 目录 vue react react-native Weex typescript Taro nodejs 常用库 css js es6 移动端 微信公众号 小程序 webpack GraphQL 性能与监控 高质文章 趋势 动效 数据结构与算法 js core 代码规范...

    acrazing 评论0 收藏0
  • 一文读懂如何安排Scrum事件

    摘要:具有短的固定发布周期表,可调节范围称为冲刺,以满足快速变化的开发需求。在改进期间,将审查和修改项目。如上所述,细化是一项持续的活动,除非它是按比例进行的,否则它不限于时间盒事件或会议。评审会议在每个结束时举行,以演示添加的功能。 Scrum具有短的固定发布周期表,可调节范围称为冲刺,以满足快速变化的开发需求。Scrum 流程通过特定的概念和实践区别于其他敏捷流程,分为角色,仪式(也包括...

    stdying 评论0 收藏0

发表评论

0条评论

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