第一个原创项目

不想学习，做点自己想做的东西，用vue做了一个单页面应用，很简单，倒是想，设计花了挺多时间。先利用路由，搭了骨架页面。头部是公用组件，不知道放什么，就找了一张图片放上去。

第一页，只做了特效，想特效想了好久，原本想做气泡上升效果，没写过心形，就想试试心形，先用css伪类以及固定定位再加圆角写一个心形，再调色。心形写好了，又觉得静静地放在那里很丑，就想要一个放大颜色变淡的效果，用css3的关键帧动画，又觉得一个孤零零地放大很突兀，就想到了上升变大的效果，写完了上升效果，顺便试了一下下降效果，translate(Y)与上升相反就可以了。写完了三个，还是觉得很少，于是就继续加心，最后，一共11个心，每一个采用固定定位，加关键帧动画，果然好很多，然而每一个上升，以及下降的时间一致，感觉很呆，于是又把每一个时间调了一下，效果比之前好多了，第一页就完成啦！

第二页，也是想了好久，不知道该放点什么，放自己的学习笔记？太枯燥，放点自己的心情？也不太好。最后想了想，还是放点自己专业相关的东西吧，反正自己挺喜欢食品营养之类的，那就放这个吧。最基本的，还是食物金字塔，找了一张图片，但是要有解释呀。原本想简简单单编几个数据，一个for循环渲染到页面里就好了，写好了，又觉得这样看起来很笼统，特别粗糙。就想要在每一个大标题下放几条解释，又想到了循环嵌套，然后编的json数据不知道该怎么写，又想了好久，终于成功。把数据直接写在data中，实际工作应该是去调后台一个接口，把数据调出来，存到data中。因为没有服务器，此步骤省略。看效果时，滑动会把阿狸滑上去，于是把头部组件fixed定位。

第三页，想放点邮箱之类的，又觉得不太好，最后放了一个简短的介绍，想试一下js页面跳转，就把vue教程给分享了。两天的成果，边玩边做的！最后把整个项目打包，提交到github上，就可以访问啦！这是第一个从设计到最后完全都是自己一个人做的，所有颜色以及字体大小都是认真调过的，没有模仿，完全原创的移动端页面，吼吼！虽然很简单，但是还是很开森。第一个想分享的人是他，但是好像再也没有理由，假如还在一起，也该很幸福吧！