1. 用HTML+CSS进行页面架构和布局。 2. 使用CSS Sprites图片减少网站的HTTP请求数量。 3. 运用javascript及jQuery实现页面交互效果，使用ajax 实现数据请求，并渲染页面。 4. 使用 lazyload.js实现图片延迟加载，提高页面加载速度,降低服务器负担，对代码进行优化，提升网页响应速度及用户体验，并保证兼容性和执行效率。

1、基于vue-cli 脚手架搭建底层目录，搭配vand组件，精准还原UI层； 2、根据接口文档，通过mockjs模拟数据，axios发送请求与拦截； 3、使用 vue-router 进行路由跳转，使用导航守卫拦截，并封装二级菜单，点击进行路由跳转； 4、主要负责家园页： A. 登录模块： a ) 获取用户登录界面信息，点击确认登录按钮，将填写的用户信息提交给后端接口进行验证，如果匹配成功,使用 localStorage 存储，登录成功后,跳转至主页面。 B.购物车模块: a). 用 vuex 中 state 管理购物车数据：商品数量，价格等；购物车的信息依然采用了cookies根据用户登录状态我们会有请求购物车接口与本地购物车记录合并商品数量和价格计算使用 commit 派发事件，mutation 同步更改，触发页面更新数据，但是刷新页面的时候数据会重置所以我们用的vuex-persistedstate插件来解决数据重置问题，他原理就是储存到浏览器储存里; C: 搜索模块 a) 搜索栏：在进入搜索页会有sessionstorage.getItemt提取历史搜索记录操作；输入搜索条件后点 击搜索按钮和选中热搜条件时，采用了sessionstorage.setItem存储搜索历史记录，并会渲染到历史搜索列表中；（如果是用户登录状态我们会有请求历史记录接口与本地历史记录合并操作，并且也会把最新的历史记录更新给后台）; 5、整体图片的渲染使用了v-lazyload，未完成渲染之前显示loading图，提升用户体验；

1. 使用 vue框架搭建的项目底层目录，配合 element-ul 库来布局页面； ( 1 ) 用户登录： a) 点击登录先对账号密码使用正则效验，效验通过发起请求; b) 登陆成功后，服务端会返回一个token（该token的是一个能唯一标识用户身份的一个key），保存在Cookies浏览器储存中; c) 通过axios请求劫持，每次请求从本地存储获取token，携带到请求头中，服务端收到请求，去验证客户端请求里面携带的 token，验证成功就向客户端返回请求的数据，登陆的时候发送加密的用户名和密码; d) 服务器验证成功后，使用md5（用户id+时间戳）随机生成的32位字符串作为token，存储到服器端，以后凡是需要验证时都需要带上token，服务器可以给token设置一个有效时间； 2. 数据列表页： ( 1 ) UI 层 : a ) 使用 element-ul中的 Form 表格以及 Layout 进行布局； ( 2 ) 业务层： a ) 采用vuex 统一管理数据。页码及每页总条数，筛选条件作为参数传给后台实现每页数据的更新；