写在前面
在实践中熟悉dom、bom、vue、jquery等方面。
很遗憾的是没有后台数据库，只能取巧的使用了sessionStorage和localStorage完成数据的储存和传输。
实例链接
我模拟的天猫首页
功能实现
- 使用vue框架根据传入数据生成页面。
- search：根据搜索结果生成的新的页面。
- 使用sessionStorage和localStorage完成部分页面跳转时的数据传输问题。
- 使用window.location完成部分数据传输问题。 注：当传输内容单一时，使用location能轻松完成传输，如点击某个商品，跳转到指定界面。而当数据可能会很多的时候，就不能使用这种方法了，如账户注册。正常情况下应该是get数据库内容。
- 通过settimeout实现banner的轮播。
- 登陆、注销、注册功能的实现。
- 商品加入购物车、关键字搜索、结账功能的实现。
未处理或未解决的问题
- 订单页面。因为思路跟购物车一样，pass。
- 数据库的问题。我是通过sessionStorage和localStorage回避了问题，但是很不安全。
- 评论的随机展示。思路是随机生成评论数的评论内容，并展示在一个table中，然后为table布局。固定套路，pass。
- 在购物车界面，当所有物品都通过input和button改变数量时，再移除其中一个物品，因为没更新sessionstorage会导致其他物品的购买数量回到改变之前的状态。
- 在购物车界面，页面加载时图片处理的问题。想法是通过ajax或者缩略图或者渲染dom的时候就将不需要的dom隐藏来解决图片加载慢和图片闪现的问题。
遇到的问题
- v-model在template中无法绑定数据。如我在goods.html中绑定checkbox的value时无法达成。
- vue中vue实例和vue组件中的数据传输问题，vue实例中定义数据，而组件相当于把实例中的数据绑定到组件的某个属性上。
- hexo在编译md时，无法读取math方法，如math.floor等。另外vue的computed属性也无法编译。这个问题还没搞明白。