项目简介

车商通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对象。因此，可以通过如下方式使用：

import() 返回一个promise函数

---

布局及样式

1.Rem + 百分比

动态改变根元素font-size

2.使用 stylus 预处理器处理公共样式

公共样式处理

3.IphoneX底部适配

对iphonex进行适配 使用方式

---

插件

移动端调试—— vconsole

---