vue实现spa实例讲解:前沿及展示

5月12号,我发布了我的新项目的想法,一个大三下学期学期总结的项目,但是却身不由己,拖了很久才正式开始做这个项目,主要是因为学校有了个ssh的学期性项目要做,烦死。于是我就做了一个纯文字的游戏网站。我把它比喻成q宠大乐斗的翻版。就是没有画面而已。
1.这个项目的刚开始是准备做一个音乐翻唱软件的,但是越到后面总会有一些意想不到的新的有趣的想法涌上来。现在我把它作成了一个录音日志的分享网站。截止至7月20号。我终于完成了我的新项目,我给它取名《谬沐》

2.解释一下具体的功能。

  • 录音,可以微信录音和pc端录音和上传已经录好的音频文件。微信录音有微信的语音识别功能。
  • 转发,可以在具体的音乐详情页面选择转发分享吧音乐分享给好友。
  • 评论,模仿网易云音乐的评论设计
  • 个人统计,个人录音信息的统计

2.这里我讲解一下这个项目我最自豪的东西。其实从上面也都知道,其实这个项目没什么有趣好玩的地方,至少比我的上一个个人项目来说,这个不是特别有趣,但是它对于我来说意义重大。

  • 设计,我的上一个项目很多人都说不好看,俗话说的好,不想做设计师的前端不是好程序员。我想要做一个让身边所有人惊叹的设计,于是我选择了vue,于是我开始了我的设计师之旅,我花尽了我大量的心思去完美整个页面的设计,使得他让人有第一眼的好印象。
  • spa,单页面应用,整个webapp只需要一次加载即可,不需要再刷新。在使用vue来实现spa的过程中我学到了很多东西。这样可以更好的熟练和发挥我新学的知识。

3.最后讲一下这个项目中我个人觉得的缺点。

  • 首次加载页面过大,差不多2m。
  • 设计和体验还有些不够好的地方。

话不多说上图最重要

用户详情页面
录音详情页面
主页效果图
登陆
主页
评论效果图
录音页面
微信录音页面
个人喜欢的录音集
录音分享页面

这些就是我设计的网站的web端效果,还有一些pc的页面就不上传了。
下面几篇内容我会讲解一下这个项目的设计和实现。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容