péng yǎn
彭衍
积极主动，阳光正面
前端组-组长 · 厦门生活加加软件技术有限公司 · 在职
男   27岁   本科  4年工作经验   杭州
18073099897  
https://github.com/Marszed  
期望工作
  • 前端开发工程师
  • 全职
  • 杭州
技能

前端技能：

  1. 熟悉css2、css3、h5，熟练运用scss；能够高保真还原设计稿、对终端适配、浏览器兼容有较多经验

  2. 熟悉原生js、es6、es7; 能够脱离第三方库开发

  3. 熟练运用vue、react等主流js库；深入理解vue、vue-router、vux、redux实现原理

  4. 熟悉模块化开发；熟练运用webpack、gulp构建工具，对打包构建有优化经验

  5. 熟悉http、https；了解前端安全攻防

  6. 对移动端web优化有较深理解，以及webApp、微信小程序开发实践经验

  7. 对前端数据埋点、错误日志上报有一定实践经验


后端技能：

  1. 基本熟练运用node，了解express、koa；有过多个node项目开发经验，能够独立部署node服务

  2. 了解nginx，掌握常用配置

  3. 了解mysql、redis、mongodb并实际运用过，掌握常用sql


其它技能：

  1. 需求分析对接、任务拆解分配、问题反馈跟进、团队组织协调

  2. git、linux、charless、ps

教育经历

吉首大学

本科 · 软件工程
2015年毕业
工作经历
我在家-厦门生活加加软件技术有限公司

我在家-厦门生活加加软件技术有限公司-杭州

前端组-组长
2017.10 -- 至今
工作内容：

  1. 对接产品需求、跟进开发排期、技术方案调研

  2. 组织编写前端代码规范，组织代码评审

  3. 发现前端项目存在的问题以及待优化的点，推进解决方案

  4. 业务开发（微信小程序、h5、管理系统、pc-ssr）

  5. 较复杂的工作内容：(错误日志收集上报、数据埋点统计、webpack构建优化、h5性能优化、基于表单配置的h5运营活动搭建)

IPX-湖南艾派克斯房产经纪服务有限公司

IPX-湖南艾派克斯房产经纪服务有限公司-长沙

前端组-组长
2017.02 -- 2017.09
工作内容：

  1. 对接产品需求、跟进开发排期、技术方案调研

  2. react项目搭建与业务开发（pc-spa）

  3. 较复杂的工作内容：（大文件上传、前端国际化、图片裁剪功能）

北京社区半径有限公司

社区半径-北京社区半径有限公司-长沙

高级前端开发工程师
2016.03 -- 2017.02
工作内容：

  1. vue项目搭建与业务开发（微信小程序、h5-spa、pc）

  2. 较复杂的工作内容：（接口系统搭建开发）

广州邢帅教育有限公司

邢帅教育-广州邢帅教育有限公司-广州

前端开发工程师
2015.06 -- 2016.02
工作内容：

  1. 业务开发（pc-ie8、h5）

  2. 较复杂的工作内容：（ie兼容、基于gulp构建优化）

深圳市乐思乐斯网络技术有限公司

呼叫大师兄-深圳市乐思乐斯网络技术有限公司-广州

node开发工程师（大四实习）
2014.06 -- 2015.05
工作内容：

  1. 业务开发(h5-node、pc-node)

  2. 较复杂的工作内容：（独立负责支撑App接口开发，node项目搭建部署，所有业务接口开发）

主要项目经验

项目名： 我在家-H5商城、PC商城、H5活动页

参与项目时间： 2017/10 -- 至今

项目简介： 家居分享直购平台，主要提供家具购买、分享、新用户参观老用户家具服务

在线链接： https://m.wzj.com（手机模式预览）

主要技术： vue、node、koa、webpack、scss、nginx

主要成果：

H5性能优化 (减少白屏时间、再次访问基本实现秒开)

  1. 首屏服务端渲染

  2. 静态资源Service Worker缓存

  3. 页面级别路由懒加载资源

  4. 商城Tab页基于Vue的keep-alive实现页面组件缓存

  5. 图片资源懒加载，全局过滤器嗅探加载webp图片资源

  6. Pollyfill嗅探加载

  7. 第三方Js基础库资源DLL抽离

  8. 部分接口数据LocalStorage缓存

  9. Cookie隔离，静态资源CDN，资源Gzip、DNS预解析

  10. 原生App提供公共资源本地缓存

Webpack构建优化 (节省一半构建时间)

  1. 静态资源自动化压缩并上传CDN，业务代码自动引入CDN资源

  2. Dll资源抽离

  3. 代码分割

  4. Webpack多页配置支持

数据埋点上报 (节省成本)

  1. 支持大部分运营场景数据需求

异常告警上报 (快速定位问题)

  1. 准确定位异常代码具体位置

  2. 实时告警通知开发人员

运营H5活动配置 (极大减少开发成本)

  1. 绝大部分h5运营活动不再需要开发人员投入

  2. h5运营活动埋点需求，只需一次埋点编写

Node项目优化 (代码优化)

  1. 重复代码封装成公共方法

  2. 全局业务逻辑处理成中间件

  3. 冗余历史遗留代码剔除

  4. 在内网部署了Easy-Mock(快速生成模拟数据的服务)

基于Node编写的简易版自动化构建工具 (提升开发效率)

  1. 支持自动生成初始化代码

  2. 支持静态资源自动上传CDN

  3. 支持图片压缩后再上传

  4. 代码重构优化

组织编写前端规范 (作为代码评审标准)

  1. Vue规范

  2. Eslint规范

  3. Scss规范

  4. Js规范

项目名： IPX-不动产商端、经纪公司端、经纪人端、总后台项目

参与项目时间： 2017/02 -- 2017/09

项目简介： 海外不动产交易平台，提供海外房产信息展示、经纪人服务、经纪公司服务

主要技术： React、Webpack

主要成果：

项目顺利上线 (时间紧、任务重)

  1. 技术方案选型

  2. React学习运用

  3. 前端国际化方案

  4. 大文件异步上传

  5. 图片裁剪上传

项目名： 邢帅教育-技能侠

参与项目时间： 2015/08 -- 2016/02

项目简介： 在线学习技能项目

在线链接： https://www.jinengxia.com

主要技术： Jq、Scss

主要成果：

PC终端兼容适配良好

  1. 公共Scss模块编写

  2. PC项目兼容IE8

  3. SEO简单优化

  4. Gulp打包构建

项目名： 呼叫大师兄

参与项目时间： 2014/06 -- 2015/05

项目简介： 提供外送式便利店服务

主要技术： Node、Express、Jq、Nginx、Mysql、Redis、PM2、Sh

主要成果：

快速学习运用

  1. 独立完成Node项目环境部署与搭建

  2. 做了简易版本的负载均衡(2台服务器)

  3. 独立完成App接口支撑开发

· 目前在职状态 ·