1. 去海外网-后台管理系统
1.了解产品的需求并与项目经理，ui 协作，完成页面布局以及功能的实现；配合后台工程师一起研讨技术实现方案;
2.和后台紧密配合，实现基于接口与数据的管理系统开发
3.使用 webpack+vue 构建项目工程目录
A.根据业务及功能划分功能目录结构，配置插件进行打包优化，配置vue 多路由模块懒加载
B.数据列表页：
使用 vuex 管理路由表，根据 vuex 中可访问的路由渲染侧边栏组件。使用 element-ui 中的Table 表格布局。侧边栏 NavMenu 以及 Pagination；页码及每页总条数，筛选条件作为参数传给后台实现每页数据的更新；
C.用户登录：
登录成功后，服务端会返回一个 token（该 token 的是一个能唯一标示用户身 份的一个 key），之后我将 token 存储在本地 cookie 之中，这样下次打开页面或者刷新页面的时候能记住用户的登录状态，不用再去登录页面重新登录了、我还会根据 token（保存 token，请求用户信息）再去拉取一个 user_info 的接口来获取用户的详细信息（如用户权限，用户名等信息）。
D.权限校验:
用户登陆成功后，我会在全局导航守卫 router.beforeEach 中拦截路由，判断是否已经获取 token，之后获取用户信息以及用户的 role，再通过 next(路由)做出相对应的权限列表渲染。
2. 去海外网 (WebApp)
1.使用vue-cli 脚手架搭建底层目录，搭配 vuex 合理管理数据状态及 Vant-Ui 构建 ui 层。
2.负责主页，数据列表页以及详情页等。
A.主页
a)进入页面首屏加载利用 Vue Lazy Component、优先加载首屏可见模块，其余不可见模块懒加载(Lazy load、ExtractTextPlugin),即将可见时加载。
b)利用 vant-swipe 构建 swiper（mapActions 派发 swipe 函数，mapState 获取数据）, 以及 lazy-loder 对 swipe 图片懒加载（src 替换为 v-lazy）
c)table 切换：对页面进行数据的更新与迭代(列表(复用组件)，当前选中的状态会存储到 vuex 的 state 中， 点击会进行判断，避免重复请求)；
d)上拉页面：滚动小于或等于指定高度(el.scrollHeight-el.scrollTop-el.clientHeight<=50),axios 请求渲染;
e)点击内容，跳转到关于此内容的详情页(子路由跳转、query 携带路由参数)，请求渲染响应数据。点击上方 logo(this.$route.push)返回主页面
B.数据列表页(海外好房，移民，留学，游学)
a)首页部分内容,跳转到数据列表页(通过 vue-router,动态路由传参，携带内容 id)，根据点击内容不同， 渲染不同的数据列表（如详情、国家移民、简介）
b)每次点击筛选模块,把点击内容存放对象中,每次都发送 axios 请求，后端匹配相应的数据， 返回数据渲染页面，实现筛选功能,下拉页面：对页面进行数据的加载；
C.详情页:‘海外好房’利用 vant-swipe 构建 swiper，下方布局采用 table 切换（动画效果利用 transfrom, transition 以及把 table 列表 sticky 定位）
3.根据接口文档，通过mockjs 模拟数据，axios 发送请求与 axios-mock-adapter 拦截，proxy 实现跨域请求。