项目一： 奔驰金融系统---dealer（pc端） 项目周期：1年
开发环境: windows vscode Chrome浏览器 webpack Photoshop
项目描述： MBFC---dealer是供奔驰经销商进行新建申请单，新建报价单等奔驰金融操作的服务系统。系统包括浏览、查询、检查、保存、提交、激活、上传文件、打印合同等功能。
项目职责： 完成新建申请单、新建报价单、浏览、搜索等模块的搭建，实现页面完整的效果，以及和后端进行数据交互。
应用技术：
◊ html5标签进行语义化布局，css实现页面样式，参考ES6规范编写Javascript
◊ 使用Vue框架实现前端页面数据的操作
◊ 使用Bootstrap插件美化页面
◊ 解决浏览器兼容性问题
◊ 通过webpack对项目前端部分进行压缩、打包
◊ 利用Ajax调用后台数据并展示到页面
◊ 使用sass对代码进行预处理
项目总结： 使用vue+ES6进行组件化，模块化开发提高了代码的复用度，还可以实现功能的复用。使用webpack打包工具，可以把js、css、image打包成一个或者多个js文件，并且可以支持各种loader作为插件对不同类型的文件做转换处理。在项目初始搭建好前端框架。

项目二： 奔驰金融系统---customer（PC+webAPP） 项目周期：7个月
开发环境： windows vscode Chrome浏览器webpack Photoshop
项目描述： MBFC---customer是奔驰金融销售的服务平台。MBFC---customer包括首页、个人中心、登录注册、金融计算器、金融方案、文件上传、申请单等几大模块。
项目职责： 完成首页、个人中心、登录注册等模块的搭建，实现页面完整的效果，以及和后端进行数据交互。
应用技术：
◊ html5标签进行语义化布局，css实现页面样式，参考ES6规范编写Javascript
◊ 使用Vue框架实现前端页面数据的操作
◊ 使用swiper插件实现相应的动画效果
◊ 解决浏览器兼容性问题
◊ 通过webpack对项目前端部分进行压缩、打包
◊ 利用Ajax调用后台数据并展示到页面
◊ 使用sass对代码进行预处理
项目总结： 使用vue+ES6进行组件化，模块化开发提高了代码的复用度，还可以实现功能的复用。使用webpack打包工具，可以把js、css、image打包成一个或者多个js文件，并且可以支持各种loader作为插件对不同类型的文件做转换处理。

项目三： HUB后台管理系统 项目周期：16周
开发环境： windows sublime Chrome浏览器 Photoshop
项目描述： hub系统是黑格订单管理系统，根据不同的角色分配给用户不同的路由权限，用户可以登录系统下载数据包、查看订单详情、分配组织架构、在线下单、在线沟通等。

项目职责： 独立完成整个后台管理系统的开发。
应用技术：
◊ html5标签进行语义化布局，css实现页面样式，参考ES6规范编写Javascript
◊ 使用Vue框架实现前端页面数据的操作
◊ 通过webpack对项目前端部分进行压缩、打包
◊ 使用websoket协议完成在线实时沟通
◊ 使用echarts完成各类报表统计、使用xlsx插件导出xlsx表
◊ 利用axios调用后台数据并展示到页面
项目总结： 使用vue+ES6进行组件化，模块化开发提高了代码的复用度，还可以实现功能的复用。使用webpack打包工具，可以把js、css、image打包成一个或者多个js文件，并且可以支持各种loader作为插件对不同类型的文件做转换处理。使用node.js+ Express框架可以进行快速开发。

项目四： 亨氏官网（响应式） 项目周期：6周
开发环境： windows sublime Chrome浏览器 Photoshop
项目描述： 亨氏官网是涵盖了婴幼儿食品及营养品、番茄酱和调味品、正餐和零食等核心产品品类的网站平台。
项目职责： 根据项目的设计要求实现界面静动态效果，解决浏览器的兼容问题提升用户体验，与后端配合完成相应的数据交互与界面数据渲染。
应用技术：
◊ 用html+css进行页面布局
◊ JQuery、css3实现各模块动画效果
◊ 展示页用ajax技术从后台获取数据对页面进行渲染
◊ 用JQuery插件实现详情页放大镜效果，图片滚动动态加载，轮播图等动画效果
◊ 用Bootstrap，媒体查询实现响应式布局
项目总结： 在项目中使用Sprites把页面中的一些图片整合到一张图片中，这样可以大大减少 http 请求的次数，减轻服务器压力，善于利用chrome等主流浏览器自带的调试工具解决bug，用Bootstrap+媒体查询可以实现响应式布局。