{ "Location":"ShangHai", "skills": ["HTML5", "CSS3", "JavaScript", "LESS", "SASS", "React", "Redux", "Preact"], "social": [ { "Github": "https://github.com/virgoone", "Twitter": "https://twitter.com/virgo9197", "Weibo": "http://weibo.com/209192012", "Zhihu": "https://www.zhihu.com/people/virgoone", } ]}
关于我
之前在流利说工作,主要负责流利阅读商业化前端开发⼯作和技术专项,负责搭建前端项⽬监控⾯板和线上服务错误追踪、 异常报警等,目前在哈啰大前端部门,负责公司低代码平台建设和维护工作
个人信息
- 工作年限:15年 ~ 至今
- 博客:blog.douni.one
- Github:https://github.com/virgoone
工作经历
哈啰(2021年6月 ~ 至今)
主要负责公司低代码平台建设和维护工作
前期负责低代码建设和维护,主要分为移动端和PC端两种,后续PC端只维护不再更新,转为全职移动端低代码平台建设工作
主要负责了低代码脚手架、编辑项、组件库、CI/CD环境部署等工作,维护和重构,将移动端低代码建设页面秒开率提高至了80%以上
推动组件部署和页面部署通过CI/CD进行,统一环境,新开发了编辑项的在线生成平台,使业务开发只需要关注于组件建设等
比心(2020年11月 -2021年1月)
主要负责中后台项目治理和微前端话,因为中后台系统比较多,且技术栈不统一,主要工作是整理和重构部分项目基座以及转为微前端
英语流利说 ( 2017年9月 ~ 2020年7月 )
主要在成人英语业务组负责前端开发工作,商业化、小程序、还有线上服务监控等和一些技术专项项目
流利阅读(2019.5-2020年7月)
主要负责阅读业务的商业化部分,平常工作主要是商业化验证、A/B测试、小程序等,搭建了线上服务监控dashboard和线上服务的异常报警、技术专项项目
主要职责:
- 商业化部分
- 小程序开发
- 技术专项
技术项目:
- 负责 C 端 BFF 中间层搭建,包含和客户端、后端同步制定 BFF 方案,BFF service 监控等
- 负责技术项目面向配置开发的API开发,对接下发规则,根据配置快速生成页面
懂你英语(2017.09-2019.5)
主要负责业务分配管理工作,和平常的业务开发,包含版本需求(和客户端配合)、小班课、商业化部分(A/B测试等)开发工作,其他涉及业务上的监控报警、线上问题定位处理、业务性能优化等
主要职责
- 负责版本需求开发
- 负责商业化部分开发
- 负责小班课C端业务开发
技术项目:
- 从业务中抽离一些服务,开发了截图生成海报服务(使用puppeteer),将类似需求开发效率提升了大概100% 地址:http://t.douni.one/A9jgfq
Video++ ( 2015年1月 ~ 2017年8月 )
直播项目
在直播团队中负责H5的前端开发,主要用于给直播厂商和视频网站提供直播互动的SDK,其中包含PC端视频内SDK和移动端H5的SDK,包括但不限于抽奖、卡牌等资源应用的H5开发
主要职责:
- 负责PC端SDK前端开发
- 负责移动端SDK前端开发
- 两端SDK文档编写
项目介绍:
- 移动端H5为内嵌SDK,由直播平台方在APP中提供一个互动的Tab页,内嵌一个webview,然后通过加载H5 SDK的方式对接
- PC端SDK主要展现在屏内,通过在视频播放器上加载互动层的方式实现接入
SDK演示地址:
PC:http://sdkcdn.videojj.com/liveos-sdk/test.html
移动端:http://sdkcdn.videojj.com/liveos-sdk/panda/index.html
灵眸视频识别分析系统
负责前端构建与开发,项目中用到了highcharts、react、redux、es6、scss和css modules,UI框架使用Antd,后端使用nodejs koa框架,使用webpack进行构建。
主要职责:
- 负责产品业务的前端开发
- 根据产品需求,实现各个业务逻辑开发
- 根据原型与产品和后端讨论API数据格式
广告投放平台
在项目中主要负责前端开发,主要工作是和后端工程师依据原型商讨API数据结构,然后根据原型开发对应的业务,前端UI使用Antd,后端使用koa,项目中用到了react、redux、immutable、scss、css modules,主要使用es6开发项目,jsx主要通过babel编译,项目使用webpack进行构建
功能点:
- 用户选择应用和视频实现在视频中批量投放广告
- 用户通过灵眸分析的结果按条件检索识别出的结果对应在视频中的位置,实现智能打点投放广告
- 识别报表:将用户投放的广告和订单按条件生成报表
公司官网
在项目中负责前端开发和部分后端后端开发,主要职责:
- 负责网站PC端、移动端页面开发
- 根据设计需求给出网站最优前端结构和前端动画效果
- 根据产品需求,提供页面合理化建议和改善解决方案
- 配合官网SEO和加载优化
- 通过YSlow和PageSpeed等工具对页面加载做对应的优化
项目地址:http://videojj.com
玩tv短视频展示
在项目中负责前端开发,主要工作是根据后端API通过node中间层实现前端页面的render
- 前端视频分类展示与播放
- 个人中心模块(包含粉丝与关注、私信等功能)
项目地址:http://wantv.me
上海文沥信息技术有限公司( 2014年9月 ~ 2015年1月 )
EC1
项目中负责前端和部分后端开发,主要工作是根据业务原型实现API开发和前端页面实现
功能点:
- 订单、出库入库、收款付款、发票等应用的方式实现业务协作
- 部分前端模版
项目地址:http://www.ecommerceone.com/
其他项目
Eyepetizer
使用vue2做的开眼视频的实现,主要用到vue2、vuex、axios、sass等,目前实现了视频详情页面关联视频展示、视频评论展示和视频播放功能,待完善开眼主页视频列表
项目地址:
vplyr
因工作需要做出的一个开源html5播放器,在公司项目视频分析系统中使用,可以播放浏览器支持的video视频格式和flv视频,其中flv视频使用B站开源的flvjs解析做转码成mp4视频流格式在video标签上播放
项目地址:
技能清单
以下均为我熟练使用的技能
- Web开发:Java/Node
- Web框架:Koa/express/Nestjs
- 前端框架:ReactJS/HTML5/Antd/Vue
- 前端工具:Webpack/Gulp/Sass/Less/CSSModules
- 数据库相关:MySQL/Mongodb/Postgresql
- 版本管理工具:git
- 系统:Ubuntu/Mac