技术能力

工作描述：
◊ 根据项目的设计要求运用html、css+div以及bootstrap、angular、vue等框架快速实现界面静动态效果，并兼容多种浏览器
◊ 运用react、vue等框架进行组件化、模块化开发，并完成单页面项目的开发。通过webpack对项目前端部分进行压缩、打包并发布前端代码
◊ 与后端配合完成相应的数据交互与界面数据渲染
◊ 使用jQuery等来操作DOM实现页面交互、特效及功能，写出简洁复用的代码
◊ 对网站的用户体验、各浏览器兼容性以及访问速度进行优化，负责公司项目网站维护的页面样式调整，提升用户体验
◊ 使用webpack配置前端开发环境，使用jenkins发布构建项目、使用Docker打包应用以及依赖包

专业技能:
◊ 熟悉html,DIV+CSS的页面布局，能够根据设计图完成页面制作
◊ 熟悉AJAX，能够熟练使用AJAX进行数据交互，与后端开发工程协作完成项目
◊ 熟练掌握JavaScript语法，能够使用CSS3实现动画
◊ 熟练掌握vue.js、vuex、axios的使用
◊ 熟练使用Muse-ui、JQueryUI、Bootstrap、iScroll等插件的使用
◊ 熟练掌握jQuery 函数库核心功能及使用
◊ 熟练掌握HTML5以及CSS3中新标签、选择器、多媒体播放器开发等使用
◊ 熟练掌握JSON数据的使用及处理方式
◊ 熟悉掌握解决浏览器各种兼容问题，使其保持良好的兼容性和产品功能
◊ 熟悉响应式布局，弹性盒布局和媒体查询，根据不同的设备适配制作页面
◊ 熟练掌握git、webpack等前端开发工具
◊ 熟练掌握ES6语法
◊ 掌握websoket协议
◊ 了解React 框架的使用
◊ 初步了解MySQL数据库和后端高速配合开发项目

项目经验

项目一： 奔驰金融系统---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+媒体查询可以实现响应式布局。

团队情况