基于VUE的“随便吃”小小应用

时间:2017年03月18日分类:Javascript

周末闲来无事,写了个随机应用

起因:每每到了吃饭的点,身边同事总是会提出这么个问题来:‘今天中饭吃什么,今天晚饭吃什么?’

于是,我就想着整个随机数出来,当我们都实在想不出吃什么好的情况下,把周边想吃的东西都放到列表中,然后通过类似抽奖的模式随机抽取一个,随到啥吃啥。这总比别人回答你吃“随便”来的强吧。

 

实现原理:

基于最近比较火的VUE框架,使用H5的localStorage来实现本地存储。其实也没啥太多好说的

 

知识点:

  1. VUE的基本知识点,数据绑定
  2. 随机函数Math.random()以及Math.round()取整
  3. localStorage相关的几个API,像setItem,getItem
  4. 还有就是数组的几个基本用法,push(),splice()

 

实现功能:

  1. 店铺的增,删功能
  2. 随机“抽奖”功能

 

应用传送门:

随便吃

 

  • 查看[974]
  • |
  • 评论[0]

相关标签

javascript HTML5

0条评论

发表你的评论

回到顶部