项目简介

车商通SCRM微信端

前端框架：Vue2

UI框架：museUI、YDUI

路由管理：vueRouter

状态管理：vuex

图片的处理

1.使用了字体图标iconfont

单个文件统一定义及管理iconfont

2.项目中 img标签加载失败的处理方式

img 标签的 onerror 属性

HTTP请求的处理方式

1.项目使用了 axios 第三方库

2.axios请求封装的cancel 处理

取消请求的方式

3.http请求函数的处理方式

通过定义 install 函数及使用Object.defineProperties 的使用，将http请求函数放置到 vue原型链中

路由处理

1.通过文件名划分各模块路由

2.require.ensure 方法和 import() 方法

作用相同

require.ensure()接受三个参数：

第一个参数dependencies是一个数组，代表了当前require进来的模块的一些依赖；

第二个参数callback就是一个回调函数。其中需要注意的是，这个回调函数有一个参数require，通过这个require就可以在回调函数内动态引入其他模块。值得注意的是，虽然这个require是回调函数的参数，理论上可以换其他名称，但是实际上是不能换的，否则webpack就无法静态分析的时候处理它；

第三个参数errorCallback比较好理解，就是处理error的回调；

第四个参数chunkName则是指定打包的chunk名称。

import()

这里的import不同于模块引入时的import，可以理解为一个动态加载的模块的函数(function-like)，传入其中的参数就是相应的模块。例如对于原有的模块引入import react from 'react'可以写为import('react')。但是需要注意的是，import()会返回一个Promise对象。因此，可以通过如下方式使用：