WEBAPP开发之Vue-职坐标

WEBAPP开发之Vue

白羽 2018-08-13 来源：网络阅读 796 评论 0

摘要：本文将带你了解WEBAPP开发之Vue ，希望本文对大家学WEBAPP有所帮助。

本文将带你了解WEBAPP开发之Vue，希望本文对大家学WEBAPP有所帮助。

这段时间开始学习vue还是边撸小项目边学比较容易掌握这是第一个入门项目

感谢@jokermonn无私提供的各种APIjokermonn/-Api
感谢每日一文这个app我个人还是挺喜欢的

在线演示地址：点我访问
（手机直接访问、pc端打开开发者工具栏手机模式）
github项目地址：点我访问

BuildSetup
#clone
gitclonehttps://github.com/Cr0wn0209/vue-meiriyiwen.git

#installdependencies
npminstall

#servewithhotreloadatlocalhost:8080
npmrundev

#buildforproductionwithminification
npmrunbuild

技术栈

vue+vue-router
axios

功能设计

今日文章（主页）
随机一文
前一天、后一天的文章
顶部进度条（自己的想法）
滚动遮住文章标题后在顶部显示文章标题（参考了知乎的设计）

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