个人简历

正在寻找新的工作机会。

个人信息

姓名:裴辰虎 -
性别:男 出生年月:1992.10
学历:本 科 手机微信:15652168660
居住:立水桥 个人网站:peichenhu.cn
籍贯:河 北 电子邮箱:pch1024@outlook.com

教育经历

时间 专业 院校
2012 - 2016 软件工程 聊城大学东昌学院

技术方向

  • 5 年以上前端工作经验,项目经验丰富,责任心强大。
  • 拥有 H5 活动、可视化大屏、小程序、中后台管理系统等开发经验。
  • 擅长处理项目重构、页面响应式、用户交互动画开发内容。
  • 精通 JS、CSS、HTML,熟练运用前端周边工具和脚本。
  • 熟练掌握 Vue 全家桶,了解并使用过 Koa、PHP 进行后端开发。
  • 熟练掌握前端自动化构建部署、多媒体处理软件。

工作和项目经历

  • 2019.11~2021.5 一起教育科技 前端岗位

    • 离职原因: 待遇限制,平台限制,主动离职
    • 公司性质: 在线教育
    • 工作内容: 招生 H5 活动、招生小程序、企业中台项目开发,组内带领新人熟悉项目。
    • 相关项目: 某鲁班可视化低代码活动配置平台:
      • 使用 Vue 技术栈开发,封装用于用户端和平台端的通用组件库,包括图片组件、按钮组件、视频组件、轮播组件、业务组件等等
      • 构建可视化页面拖拽和布局系统,支持常用到的相对、绝对、固定和混合布局。
      • 支持组件样式表单、功能表单的动态表单生成。
      • 支持模板库、组件库、多页面、多模板、组件动态加载和组件和页面交互行为配置等功能。
      • 项目开发周期 1.5 个月,两人协作,已经上线投入使用。
  • 2019.1~11 北京安百科技 前端岗位

    • 离职原因: 公司融资失败,被迫主动离职
    • 公司性质: 网络信息安全行业
    • 工作内容: 可视化数据大屏、企业管理平台,组内带领新人熟悉项目。
    • 相关项目: 某安全漏洞扫描平台,
      • 使用 Vue 技术栈开发,开发设计用户权限系统和动态路由安全守护功能。
      • 首页数据大屏看板,使用 Echarts 和开发数据展示组件,前端 PDF 导出功能。
      • 使用 webpack 完成项目构建发布。
  • 2017.11-2018.12 北京辅仁淑凡 前端岗位

    • 离职原因: 裁员,被迫主动离职
    • 公司性质: 心理健康行业科技公司
    • 工作内容: 负责辅仁成长中心小程序项目、考试系统,用户后台管理系统、宽窄心理平台等多产品项目研发。
    • 相关项目: 宽窄心理平台原项目重构,主要包含教师人员管理系统,学生人员管理系统,学生排课系统、学生 在线心理评测系统等。使用 Vue 技术栈开发,响应式开发,使用 Sass 封装多端 CSS 模块 Mixin,完美还原 设计效果图,提升用户体验。
  • 2016.3-2017.11 上海雅构思 前端岗位

    • 离职原因: 回归北方,主动离职
    • 公司性质: 媒体广告行业公司
    • 工作内容: 负责 ETRO(艾特罗)、Driscoll's(怡颗莓)、Labbrand(朗标)、恩复德临教育机构等品牌客户的 H5 项目和中国区官网项目。学习了 JQ + PHP/MySQL 后端开发,前后端分离,API 接口定制,收获全栈开发经验。
    • 相关项目: 线下门店互动体验抽奖活动,用户线上预约,线下门店扫码拍照上传 H5 进行照片编辑分享朋友圈 抽奖、大屏幕展示和现场打印。H5 移动端拍照图像处理,遇到的问题: 照片 Web 显示存在旋转角度问题;照片体积太大;移动端图像编辑裁剪等问题。使用 exifjs+canvas 处理旋转角度问题;使用 canvas 重绘图象并压缩图片体积;使用 AlloyTouchjs 封装图片编辑裁剪功能。

开源工具

thank-tiny-png npm

自动图片压缩脚本,基于 tinypng.com WebAPI 实现

# ------------ 快速使用 ------------
# 单文件处理
npx thank-tiny-png ./input/test.png
# 文件夹多文件处理
npx thank-tiny-png ./input
# 文件夹多文件处理,深度查找处理
npx thank-tiny-png ./input -deep
# 单文件处理, 指定输出文件夹
npx thank-tiny-png ./input/test.png ./output
# 文件夹多文件处理, 指定输出文件夹
npx thank-tiny-png ./input ./output
# 文件夹多文件处理,深度查找处理, 指定输出文件夹
npx thank-tiny-png ./input -deep ./output
1
2
3
4
5
6
7
8
9
10
11
12
13

debug-source-map npm

Node 环境的工具,使用行列信息定位查找 SourceMap 中的资源信息。

# ------------ 快速使用 ------------
# 本地 SourceMap 查找行列信息
npx debug-source-map ./test.js.map 1 1000
# 远程 HTTP SourceMap 查找行列信息
npx debug-source-map http://s1.hdslb.com/bfs/cm/cm-sdk/static/js/pc.js.map 1 1000
# 远程 HTTPS SourceMap 查找行列信息
npx debug-source-map https://s1.hdslb.com/bfs/cm/cm-sdk/static/js/pc.js.map 1 1000
1
2
3
4
5
6
7

加密 SOS (请忽略)

  • LJII:w_a_n_g_l_*_l_*
  • FDXI:weiyu**123
  • NN00:135*31*5359