实现网
melodyWxy

昵称登录后显示

1200/8小时
4年工作经验

微拍堂文化创意有限公司
前端技术支撑

react
nodejs
tarojs
redux
es6+

0

被预约次数

0

被收藏次数

0

被评价次数

擅长技能

1 精通表层react语法的混合开发及多端技术栈,如rn,rax,taro等。
2 精通开发环境建设,基于webpack构建自动化工程环境,git门神集成,jest单元测试,cypress e2e集成等。
3 多年移动端h5、混合开发、pc web后台开发经验。
4 可迅速接手react,vue、nodejs项目。
5 可定制前端基建,如h5线上错误报警系统等.
6 曾兼职过react讲师,有丰富的react讲解经验。
6 现任职前端技术支撑,可做前端技术答疑。
pass: 如有质疑,可接受远程技术面试。

项目经验

2020/01 –至今 :MW(melody world) —> 个人博客 web/h5/安卓app
项目背景:
个人业余之作,从设计到开发到上线;
1 上云是潮流,体验云开发技术,并且阿里云的年底活动力度大;
2 整合所学,全栈开发;
3 有效利用过年疫情期间的空闲时间;

项目职责:
独立设计=>开发=>部署上线;

应用技术:
1 客户端: 一套代码响应式兼容web/h5,并基于谷歌TWA技术实现安卓APP,代码开源 ;
https://github.com/melodyWxy/melodyWorldClient
2 服务端:node; 涉及云端密码、加密方案等信息,暂不开源;
3 云端: mysql 、OSS
4 极简轻量化自动化部署: 基于node-ssh写的node脚本;

线上地址及app下载:
http://melodyworld.vip/ (pc web、h5);
 http://120.27.61.111:8806/appDownload (安卓app下载 不要用微信浏览器打开链接);

项目说明:
1 MW技术栈的选择只是因为自由度较高,方便迅速;
2 内容是原创博客+原创桌面视频,由于发现oss太烧钱==!,因此砍掉桌面视频;
3 在往后的空余时间里将持续建设MW;

2019/12 – 2019/02:h5/app 赋能用户体验 — 手势返回、手势切换
项目背景:
1 基于安卓机自带手势滑动返回前页面的功能,得出赋能h5/app手势返回的思路;
2 得益于移动端硬件的日渐强大,浏览器js引擎的不断升级,h5性能的不断提高,确保了微拍堂项目集成此功能后的性能;
3 前期调研写的demo得到了认可。
目标是:
1 针对整个项目增加手势右滑返回;
2 针对所有业务场景下的Navigator对应的内容区,增加手势左右滑动切换的功能;
3 确保此次改动不影响所有现有业务场景;
项目职责:
1 独立把控和完成,对h5,app两端进行此项赋能;
已上线,效果可见 微拍堂公众号 / 微拍堂App

2019/11 – 2019/12:微拍堂单点登录系统(SSO)
项目背景:
1 公司内部各平台(如禅道、mock平台、饭点点、后台管理系统、蓝湖、wiki等)都有自己的登录体系,给大家带来多种不便(多套账号密码记录);
2 办公软件由钉钉迁移到微信企业版,导致相关业务要跟着迁移,维护成本太高;
3 子公司“有匠”面临上述同样的问题;
基于以上原因,开发单点登录系统(SSO)这个项目。
目标是:
1 全业务方登录及用户数据这块由SSO提供服务,解决上述问题1+2;
2 一套代码两套配置,实现微拍堂和有匠的两个单点登录系统,解决上述问题3;
项目职责:
1把控整个项目的技术实现;
2 主导并全栈开发此项目(开发人员共2人) ;
3 做周期报告;
4 业务方接入文档的编写;
应用技术:egg、redis(登录缓存存储与管理)、mysql(用户数据、企业部门数据的存储);

2019/08 – 2019/12:微拍堂组件库 wpt-design的建设
项目背景:
1 由于微拍堂h5项目历经三年迭代,一些公用组件与业务的耦合性太高,因此不易复用;
2 随着人员的迭代,多数组件的维护工作变得困难;
3 开发人员找不到对应的已有组件,重复的造轮子;
基于以上原因,实现wpt-design二方库的搭建。
目标是:
抽离公用组件到wpt-desgin,将该组件库上传到公司npm私有镜像源;
项目职责:
1 主导并搭建wpt-design的开发环境配置(配置开发功能:react+ts+jest单元测试+文档展示);
2 实现FixedBottom(适配iphoneX的填充组件)、Navigator(底部导航)、Upload等特殊组件的抽离,封装和迁移;
3 组件库维护与升级(目前已兼容es2020语法);
应用技术:nodejs、webpack(未选用rollup)、ts、postCss、jest

2019/06 – 2019/07:微拍堂线上错误报警系统
项目背景:
1 微拍堂项目迭代周期短,迭代内容多,上线前的各阶段测试难以覆盖到所有的场景;
2 为了线上出问题时,第一时间捕获错误,并找到对应源代码及开发者去快速解决问题,控制线上问题造成的影响;
3 生产环境不添加sourceMap功能,因此找不到对应源码;
基于以上原因,做了这个项目。
目标是:
捕获到错误后,找到对应的源代码和开发者,通知微信企业群。
项目完成后,线上出现代码错误,第一时间会通知到对应开发者,有效补充了测试、code review未覆盖的bug。
项目职责:
担任项目PO,把控整个项目的建设进度,并主全栈开发。
1 编写针对公司日志后台(基于kibana编写)的搜索接口的爬虫,爬取错误上报日志;
2 基于node+sourceMap包的api,增加 sourcemap 源映射脚本功能;
3 基于gitlab提供的api,增加找到对应开发者的功能;
4 基于企业微信机器人通知api(这方面和钉钉机器人几乎一致),做开发者群通知;
5 基于pm2上线项目,限制内存占用; 线上维护;
应用技术:nodejs、source-map、gitlab、企业微信开发者api;

2019/06 – 2019/09:wpt-cy项目开发及维护
wpt-cy是基于cypress框架,对微拍堂h5内容做e2e(端到端)单元测试的项目;
项目背景:
1 微拍堂app是公司的核心业务,如何在频繁的迭代中,保障核心业务不会受迭代的影响而出现问题,一开始的解决方案是: 人工代码审核 + 核心业务人工测试;
这样的解决方案带来的问题是 每次迭代后期测试的成本较大,因此基于cypress框架写了e2e测试项目;
用node写了执行脚本(记录近期日志,错误上报到企业微信群)
目标是:
降低人工成本,保障迭代内容不会对现有的业务造成影响;
项目职责:
1 主导整个项目的技术实现,搭起wpt-cy架子,并实现核心业务的测试代码;
2 开发node执行脚本;
3 维护整个项目;
应用技术:nodejs、cypress

2019/06 – 2019/07:mock平台迭代— web版的可视化线上接口测试工具集成
mock平台是前后端分离开发模式下的产物,后端开发可配置接口文档和入参出参,前端开发直接请求mock接口得到mock数据;
项目背景:
在后端接口开发完毕后,希望能在mock平台上直接对该接口进行测试环境、线上环境测试(测试环境多达12个…),确保该接口是可用的、稳定的、正常的。
目标是:
在mock平台上集成一个微拍堂定制版的可视化接口测试工具,类似postman的基础功能;
项目职责:
开发并集成整个组件;
应用技术:react

…其他…

0条评论 雇主评价

暂无评论~

可兼职时间

周六全天
周六半天
周日全天
周日半天
工作日下班后

可兼职地点

西湖
古荡

被预约

0

被收藏

0

被评价

0

立即预约

可兼职时间

周六全天
周六半天
周日全天
周日半天
工作日下班后

可兼职地点

西湖
古荡

已通过身份认证

已通过履历认证