1、项目中购物车是怎么实现的？

答：这个问题是项目中比较复杂的问题，也是面试官最喜欢问的问题。

###向购物车添加商品

1）商品页点击“加入购物车”按钮，触发事件

2）事件调用购物车“增加商品”的Js程序（函数、对象方法）

3）向Js程序传递传递“商品id”、“商品数量”等数据

4）存储“商品id”、“商品数量”到浏览器的localStorage中

###展示购物车中的商品

1）打开购物车页面

2）从localStorage中取出“商品Id”、“商品数量”等信息。

3）调用服务器端“获得商品详情”的接口得到购物车中的商品信息（参数为商品Id）

4）将获得的商品信息显示在购物车页面。

###完成购物车中商品的购买

1）用户对购物车中的商品完成购买流程，产生购物订单

2）清除localStorage中存储的已经购买的商品信息

2、移动端怎么做性能优化？

答：经常会碰到的问题，因为移动端开发最主要的考虑因素就是性能问题，所以面试过程中，这个问题一般都是会涉及到的。要提前准备几个优化的方案。

1）代码简化

2）调整图片大小或者压缩

3）使用HTML5和CSS 3.0来简化页面

4）延迟读取和执行的脚本

详细一点的可以看下面这张图

1、项目中购物车是怎么实现的？

答：这个问题是项目中比较复杂的问题，也是面试官最喜欢问的问题。

###向购物车添加商品

1）商品页点击“加入购物车”按钮，触发事件

2）事件调用购物车“增加商品”的Js程序（函数、对象方法）

3）向Js程序传递传递“商品id”、“商品数量”等数据

4）存储“商品id”、“商品数量”到浏览器的localStorage中

###展示购物车中的商品

1）打开购物车页面

2）从localStorage中取出“商品Id”、“商品数量”等信息。

3）调用服务器端“获得商品详情”的接口得到购物车中的商品信息（参数为商品Id）

4）将获得的商品信息显示在购物车页面。

###完成购物车中商品的购买

1）用户对购物车中的商品完成购买流程，产生购物订单

2）清除localStorage中存储的已经购买的商品信息

2、移动端怎么做性能优化？

答：经常会碰到的问题，因为移动端开发最主要的考虑因素就是性能问题，所以面试过程中，这个问题一般都是会涉及到的。要提前准备几个优化的方案。

1）代码简化

2）调整图片大小或者压缩

3）使用HTML5和CSS 3.0来简化页面

4）延迟读取和执行的脚本

详细一点的可以看下面这张图