购买步骤如下1点击网站顶栏商城STORE筛选或直接点击想要的产品2或在右上角放大镜处搜索需要的产品，可输入中文关键词，如果显示没有搜索结果，建议切换英文关键词进行搜索3进入购买产品页面后，点击右边添加到购物车ADDTOCART4点击页面右上方购物车图标5如有点数可拉动滑条选择本次。

Vue是一个全新的前台页面框架，所用的语言只限于HTML元素，CSS规则，Javascript代码，对于一个新手，这就是所需要的所有东西，但是目前的页面开发，不可避免的会用到一些有名的JS框架，例如Jquery，BootStrap，所以还是需要了解这些js框架的使用 Vue开发需要用到npm，这是nodejs的组件管理工具，但事实上不需要学习nodejs的内容。

单击右键，在网页面的空白处，尽量用chrome或者猎豹火狐浏览器，有个审查元素，点击去，在页面下方就会出来这个页面的代码 左边有个放大镜的图标，点击，选择你要的东西，点一下，代码框就会对应出来，找到js的文件就是你想要的。

开浏览器，f12，点放大镜放在那字母上，再去源码看有没有，没有就是动态加的，可能是js问题，要不然就是你手抖了。

三HTML代码页面结构包含两张图片，一张小图和一张放大图重点在js计算逻辑四CSS代码样式简洁，主要关注布局和基本视觉效果五JavaScript代码包含鼠标事件移入移出移动，特别是移动事件，需要计算放大镜位置与大图的对应关系遵循API与代码步骤，理解起来并不困难教程结束前，推荐。