项目经历（案例一）

项目时间：2017-04到2013-11

项目名称：爱阅读----APP

项目描述：

项目介绍

致力成为辛安河图书馆的电子书阅读平台，提供文学、传记、艺术、经济管理及人生感悟、经典、哲理、励志、搞笑文章，美文故事、散文随笔、畅销小说等免费在线阅读和下载。为广大网民奉献好书，为版权方、提供电子书发布平台，共同推进数字出版行业快速发展。

该项目的主要技术：mint-ui 、mui 、Vue、lazyload 、webpack

我的职责

负责书城以及“精选”、“出版”、“女频”、“男频”页面

1.使用Rem布局和媒体查询实现各种屏幕尺寸的自适应;

2.使用mint-ui和mui和一些其他第三方插件实现Vue项目的组件化开发;

3.使用vue-resource进行前后端数据交互且引入vue-router进行各路由间的切换;

4.使用懒加载技术vue-lazyload，避免网页打开时加载过多资源而让用户等待太久，从而提高用户体验；

5.使用webpack模块化方案打包文件,减少http请求，提高编码效率,实现网站的性能优化。

项目经历（案例二）

项目时间：2016-08到2013-11

项目名称：网上天虹----PC-APP

项目描述：

项目介绍

网上天虹是天虹商场旗下的官方在线购物网站，自1998年起提供网络购物服务。网上天虹作为专业的网上超市、百货商场，提供生活用品、服饰、母婴、电器等数万种商品在线选购，支持货到付款，天虹卡支付，深圳区域免费送货。

该项目主要运用技术：Zepto.js 、angularjs 、 Bootstrap、mint-ui、mui 、jQuery 、lazyload 、Swiper

我的职责

负责PC页面及APP母婴板块

1.使用 Bootstrap、Swiper及mint-ui、mui实现页面布局、轮播图等渲染展示；

2.使用rem及sass实现网页的伸缩自如;

3.使用Font-Awesome字体图标;

4.使用template模板引擎技术，在媒体查询无法实现的场景实现不同终端不同渲染；

5.使用angularjs实现页面的双向数据绑定以及页面跳转；

项目经历（案例三）

项目时间：2015-12到2013-11

项目名称：LOHO眼镜生活----PC端

项目描述：

项目介绍

LOHO眼镜生活(www.loho88.com ),全国连锁体验店,销售正品品牌潮流框架眼镜、近视眼镜、太阳眼镜、依视路镜片、博士伦隐形眼镜、强生美瞳。创新眼镜MTOC直销+写字楼配镜模式港式21步验光流程免费体验

该项目运用的主要技术：AngularJS 、 NodeJS 、Ajax 、artTemplate 、require.js 、github 、layload

我的职责

负责nav导航栏分页页面

1.使用 AngularJS 构建的单页面应用程序;

2.前后端分离开发模式，使用NodeJS实现静态资源伺服、路由和跨域请求转发；

3.使用http协议,AngularJS完成大量数据的双向绑定，避免DOM操作提高可维护性;

4.使用Angular UI的ui-router完成前端路由，解决纵深路由问题；

5.合理构建模块、模块的控制器以及module.directive自定义指令自定义组件实现组件化;

6.浏览器兼容性问题解决以及代码优化；

7. 将项目保存到github代码托管库.

项目经历（案例四）

项目时间：2015-02到2013-11

项目名称：快码家边----PC端

项目描述：

项目介绍

融合了实体百货与网上商城,注重客户体验、提供物流配送、无忧售后服务，致力于打造全方位、立体的网络购物平台.

该项目主要运用：HTML+CSS 、JavaScript 、arttemplate js 、Ajax 、bootstrap 、require.js

我的职责

1.参与了项目的整体风格讨论，提出建设性意见;

2.运用HTML+CSS完成首页头部、nav导航栏分页页面以及登录页面搭建；

3.使用JavaScript实现滑动轮播效果；

4.运用arttemplate js模板，ajax实现后台交互；

5.运用require.js实现模块化

5.运用正则表达式完成登录验证信息，

5.使用CSS Hack技术兼容旧版本IE浏览器、优化网站性能.