1、前端库vue ，vant-ui ， less，axios ， promise 2、项目分为登录、商品列表、购物车、会员中心、商品分类支付几大块 3 、基于promise封装axios ，暴露一个methods ， url ， params ，可以统一请求的api ，axios得拦截机response会合 后端约定返回的状态码，比如请求成功，无权限，验证失败，超时等；在request的时候添加请求loading在response 关闭。 4、用户需要通过*验证才能登录，采用了vuex将验证用户账号密码api封装，初始默认用户islogin为false，userinf o为null ，验证成功后保存这些信息和改变islogin为true ，islogin会在路由守卫用到，核心就是判断这个字段。 5、购物车商品加减，商品类型，商品id ，物料码每一个字段都会通过vuex保存，通过监听用户加减某个商品，增加商 品数量变化会有不同action，到付款从store获取state对应值。 6、支付是引入*jssdk，通过请求后端会得到*一些规定签名字段appid ，时间戳，随机串等，在掉用weixinjsbri dge . invoke方法,根据回掉函数处理不同状态。

1、基于wepy搭建框架，使用iview-ui、 less； 2、项目主要是用户线上可签约合同，核心模块分为- 用户登陆，实名认证（人脸认证，身份证ocr识 别），用户签章； 3、登陆功能是基于Promise封装wx . request请求；因为设置有登陆权限控制，增加了header携带了token；也为每 次请求做了判断，根据与后台返回状态码提示前端做相应操作； 4、人脸识别时调用的第三方接口（旷视）；前端用到*相机拍照以及视频功能，上传文件接口；再传给后端； （第二版人脸识别改为跳转旷视第三方小程序做人脸验证了） 5、用户签章：通过后端传来合同图片展示，调用小程序canvas将用户个人签名保存，将用户签名拖动到合同图片中， 拖动过程中需要计算每张图片宽高，计算拖动到哪一张图片，计算不同设备合同图片宽高缩放比例，计算用户签名当前 拖动结束的坐标。根据后端接口规范传给详情参数。

1、项目框架基于vue .js搭建，视图使用element- ui ， less，引入pdfjs管理合同文件。 2、项目分为登录，左边公共导航栏，api ，公共组件，配合vuex对公共数据管理 ，入登录模块对用户信息，用户操作权限。 3、登录模块，首先在axios拦截机interceptors配置headers配置后台需要携带的字段（token），设置路由守卫判断 用户是否非法输入url ，根据用户点击登录调用登录接口获取的token判断。 4、左边导航栏是根据前端定义的路由模块，会存到数据库中，当用户登录成功后后台会根据当前token判断用户属于 哪个，通过接口返回给前端。左边导航则是动态展示不同导航内容。 5、api接口，后台定义的接口，会根据不同的模块封装，比如用户模块，登录模块等。有利于后期接口联调维护。这 边我使用了axios请求接口，会用promise封装一遍axios ，在ie兼容，会引入babel-promise-polyfill。 6、公共组件会提取出来，减少代码量，也能加快开发效率。