最近的随笔

　　转眼一年又过去了，上次写还是年初的时候了，从事前端已经快两年了，这一年过的挺快的，事情也真的很多，家庭和工作真的有时候兼顾不到，不过渐渐的会变好。

　　来说说最近的工作吧，工作还是产品是老大啦，做什么都是他们的需求，先前是在做视频网站和交友网站，后来开发和维护了一个pc端的商城项目，然后用vue开发了一套公司自己用的ui组件库，移动端的组件库是完成了，接下去上传试用之后有bug改bug，没有就要开发pc端的组件库了，然后的工作计划是一个新的项目正在策划中，估计接下去又要忙活。

　　先来总结下之前的项目吧。视频网站和交友网站因为开发的时候是和同事一起开发，有的是维护迭代的，所以就不加以叙述了，重点来讲讲商城的建设和vue开发组件库；

　　现在的电商很火，所以各个公司或多或少都会开发个网上商城来进军电商行业，网上的网站层出不穷；

　　商城的主要技术还是用了jq，因为开发之前那段时间虽然学习了新的数据框架angular和vue，但是因为开发周期的短促和开发人员的因素，就放弃了可以放弃dom操作，进行数据驱动操作的前端框架，是有点可惜的，之后要是时间允许可以2.0版本的时候改用vue框架，这里就不和angular进行框架对比了，还有个react呢，因为上海的朋友一直在和我说react有多多好用，多多棒，让我也用它。

　　商城整个开发结构还是后台提供api，前端我来进行业务逻辑的操作，比如处理售后那块很复杂，因为涉及到已经付款和已经发货的不同状态中要退款和退货，但是能不能退也是个问题；再比如进入订单结算页面的时候，要分为直接从商品详情页进入下单还是从购物车中去下单；还有物流信息的部分；支付的相关等等

　　商城的商品展示和用户的信息方面其实没什么逻辑可言，无非就是调用api，再进行相关数据的处理；

　　商城中需要传递的信息主要是商品的id，商品的类型，价格，用户相关信息，页面之间的信息传递可以用的有cookie，还有就是h5的sessionstorage和localstorage，这三者是有区别的，在这里简单的说下，cookie是每次请求的时候所携带的数据都会来回服务器端和客户端的，存储的数据也相对来说要小很多；后两者都是h5的存储，session是在页面关闭之后就会消失的，localstorage是存储在本地的，页面关闭之后还是在浏览器中的；这里的信息传递采用了session存储，数据量相对cookie更大，而且页面关掉之后就能自动清除掉，很符合平时逛淘宝京东的需求；

　　商品详情页的商品配置情况其实是个蛮复杂的，因为同一个商品有不同颜色和不同型号，所以每个配置所对应的商品数量都是不一样的，这里其实也只要调用api就可以了，就是传递的参数时候需要自己处理，因为不同的配置需要不同组合参数，这个时候就需要和后台的沟通流畅了，参数和返回值在这个时候往往会有许多，良好的沟通会减少很多没必要的出错，所以那段时间赶项目的时候都是和后台一起加班，有时候还真是羡慕策划只要说这里这里怎么样呢（虽然策划也不容易）；

　　从商品详情页直接进入的下单进行跳转的是确认订单后进行支付，这里在本商城中有三种支付方式，其中一种是支付宝支付，这种是要调用支付宝接口的，另外两种都是商城的积分和奖金来进行支付，这就设计到不同的支付方式和不同的商品类型是否可以支付，支付额度是否足够进行支付；

　　加入购物车的时候只是单纯的把商品的相关信息加入到该用户的购物车中，商品在服务器中的总数量还是不变的；购物车中的下一步就是在购物车中进行下单，其实和直接下单页面是差不多的，只不过商品的数据之前已经存下来了，这里直接拿过来调用下就可以了，同样的支付；

　　订单列表中显示的是已经下的订单，订单的状态就比较丰富了，下单，支付，未支付，未发货，已发货，退款申请，退货申请等，根据不同的返回值判断不同的订单状态，再进行相对应的操作，其中最繁杂的操作就是代发货和已发货还有已付款三种状态下是否可以进行退款操作和退货操作；

　　售后方面的操作 主要是上述的退款退货，还有就是快递方面的操作，因为要显示进展的步骤，（这里有用到之后写的组件库中的一个组件的功能）；

　　可能还有些没有提到，就略过吧，这个项目其实开始的比较早，因为app端是之前就开始做了，然而我pc端这里设计图经过改动，需求又改动，整个项目要在截止期前完成，差不多用了一个月的时间；