WangShuXian6 / blog

FE-BLOG
https://wangshuxian6.github.io/blog/
MIT License
46 stars 10 forks source link

resume #51

Open WangShuXian6 opened 6 years ago

WangShuXian6 commented 6 years ago

resume

联系 airmusic@msn.com

项目经历

中国医学科学院阜外医院[北京]

掌上阜外医院小程序

图片 关键图表部分 使用 Antv F2 + Taro + typescript 开发 支持拖拽滑动懒加载数据【手动实现】,可展示超大数据,单次只需请求小部分数据。 图片 图片 图片 图片 图片 图片

邀请入组页面: image AI聊天 image

Taro 小程序组件公共开发

cocos 2D 休闲游戏 蜜糖任务

小蜜粉采花蜜游戏 使用 cocos 3.82 + typescript 开发,游戏资源使用AI绘图生成。 image image

创业 仙境传说2 MMORPG 网游 虚幻引擎5重制版 2024-3至 2024-5

独立设计开发 预览地址 https://www.bilibili.com/video/BV1CT421C7m1/?vd_source=f259d77343588259f8e1b4ae567b1d34 9654720913F1D30706015C91CE9E12E1

创业 物联网[智能家居] 魔杖互动装置 IOT魔杖项目 2024-1至 2024-2

创始人 & 技术负责人

魔杖PCB,模型制作 负责产品研发,独立负责技术实施。保证迭代效率和质量。

哈银消金 金融软件 2021-1 至 2024-1

哈尔滨银行消费金融 贷款类金融软件,包括APP【内嵌H5】,H5,微信H5 。React + ts https://qdweb.hrbbcf.com/hrbbcf/home

哈银UI库

公司内部UI库,包含基础UI组件,基础业务组件,基础工具等模块 Esbuild + ts + react

哈银node网关

公司管理后台网关 Nestjs + ts

哈银 mock 服务

内部mock服务 yapi + docker

哈银八抓鱼埋点系统

h5 app 埋点监控系统 react + ts + preconstruct

哈银营销管理后台

营销/运营管理后台 react + ts + Vite

哈银/土巴兔联合验证模块

信贷验证模块 react + ts

哈银官网

官方网站 react https://www.hrbbcf.com/

哈银文档

UI库 等通用组件文档库 storybook + react + ts


同城特价购 2020.05.15-2020.12

画麟阁网络科技有限公司
联合创始人 & 技术负责人

线上地址 [微信搜索小程序-同城特价购] 扫码_搜索联合传播样式-标准色版

同城特价购 为本地特价商品优惠券集中发布平台。 以区/县为单位集中发布,推广,核销优惠商品,服务本地消费者。 链接本地消费者与商家

负责产品研发,独立负责技术实施。保证迭代效率和质量。 研发产品包括 web 管理后台/小程序/GraphQL服务端 数据库采用 docker 部署 1主2副的 mogondb 集群,使读写分离,可提高用户访问速度。 小程序,后端,管理后台 一致采用 GraphQL + TypeScript ,使得开发类型保持强一致性,极大提高开发效率,降低了调试难度,同时可以智能提示接口调用错误。自动生成接口文档,以及小程序端,管理后台所需的类型定义。最终在3周测试并完成供小程序,管理后台使用的80+接口。


答题赢好物 2020.04.01-2020.04.30

画麟阁网络科技有限公司
联合创始人 & 技术负责人

负责项目选型,拆分,架构设计,全部功能开发。 项目设计之初考虑到易用性,健壮性,性能等因素,采用TS+GraphQL开发3端。 极大的提升了开发效率,降低了维护成本。 其中,小程序项目采用 hooks + QraphQL + TS 开发方式,使得各模块高内聚,低耦合,更易维护。 基于GraphQL的查询合并特性以及缓存优势,极大降低了小程序请求时间,提高页面打开速度. 同时形成小程序的核心组件库,供多个项目使用。

管理后台 采用 React + GraphQL + TS + Antd 的开发方式,易维护,开发速度快.

后端接口 采用 Express + GraphQL + TS + TypeGraphQL + typegoose,使得接口的 GraphQL定义与Mogoose 模型定义,与TS类型定义保持完全一致,极大提升开发效率,降低维护成本。 通过 Github Action + Docker 部署,提升部署效率,降低运维成本,减少出错率.

其他贡献: GraphQL 首次使用中,通过查阅资料和官方issue攻克多项难题。包括:GraphQL 订阅以及订阅动态授权。Mongoose 连表查询优化,虚拟连表。小程序中的GraphQL使用,特别是订阅的使用。


猜诗词赢豪礼 2020.05.01-2020.05.14

画麟阁网络科技有限公司
联合创始人 & 技术负责人

负责小程序/管理后台/后端


淘宝 定制宝 saas 平台

北京米多琪文化
前端开发主管, 运维, node 后端

定制宝 作为淘宝 saas 服务商,为淘宝商家提供小程序,千牛端,H5管理后台一站式解决方案。 负责saas架构设计,技术选型,核心功能开发。 后端接口采用 云函数 + Node。 通过阿里容器云平台部署接口 负责汽车机油定制,手机壳定制,良品铺子电子卡定制的小程序端,后端,千牛管理后台。 编写了小程序编辑器的复杂交互,包括旋转,缩放,拖拽,复制,历史记录,语音等功能。


良品2020年货节 https://midoci.com/h5/wx/20191127

北京米多琪文化
前端开发主管, 运维, node 后端

2019.11.27 负责产品前端 h5 开发,使用 Vue + Typescript 组件化开发。通过微信分享


京东美妆双11 https://midoci.com/h5/wx/20191011

北京米多琪文化
前端开发主管, 运维, node 后端

百度-音你成名 https://midoci.com/h5/wx/20190705

北京米多琪文化
前端开发主管, 运维, node 后端

MOCO AR展示 https://midoci.com/h5/wx/20190329?

北京米多琪文化
前端开发主管, 运维, node 后端

康师傅水 https://test.midoci.com/h5/wx/20190505

北京米多琪文化
前端开发主管, 运维, node 后端
WangShuXian6 commented 6 years ago

项目概览

时间倒序


哈银消金 贷款类金融软件,包括APP【内嵌H5】,H5,微信H5 。React + ts

哈银消金 管理后台

哈银消金 七夕营销 H5

哈银UI库

哈银node网关

哈银 mock 服务

哈银八抓鱼埋点系统

哈银营销管理后台

哈银/土巴兔联合验证模块

哈银官网

哈银文档


定制宝 saas 平台 B端app[千牛端]设计开发 Taro + React + ts

定制宝 saas 平台 B端接口[部分] 设计开发 node[HAPI框架] + ts + docker

定制宝 saas 平台 C端 [汽车类用品龙蟠润滑油定制] 淘宝小程序 Taro + React + ts

良品京东2020年货节 h5 Vue + ts

定制宝 saas 平台 C端 [汽车类用品定制] 淘宝小程序 Taro + React + ts

定制宝 saas 平台 C端 [手机壳定制] 淘宝小程序 Taro + React + ts

定制宝 saas 平台 C端 [手机壳定制] h5 Nuxt + ts

定制宝 saas 平台 C端 [良品电子贺卡定制] 淘宝小程序 Taro + React + ts

定制宝 saas 平台 C端 项目搭建,工具函数开发

通用 React hooks 组件,React 组件开发

舍得小程序 原生

省市区选择通用组件开发 webcomponent

良品2020年货节 [2019.11.27] https://midoci.com/h5/wx/20191127

京东美妆双11 h5 Vue + ts https://midoci.com/h5/wx/20191011

百度音你成名h5 Vue + ts

MOCO AR展示 https://midoci.com/h5/wx/20190329?

内部 webcomponent 组件库 webcomponent

书桌上的紫禁城H5 Vue + ts

康师傅矿泉水h5 Vue + ts

通用 Vue 项目模版

通用Vue 组件开发

内部代码管理,自动部署平台 gitlab + docker

内部接口管理,测试平台 Yapi + docker

异常监控,日志平台 sentry + docker

内部文件存储管理平台[设计] seafile + docker

内部文档平台 wiki.js + docker

内部 npm,python包,docker镜像 管理平台 Nexus + docker

时光简纸[语音明信片定制]微信,支付宝,字节跳动小程序 .H5 Taro + TS

时光简纸管理后台app angular7 + ts

快手全家福 h5 Vue + ts

快手时光机 h5 Vue + Three.js


公司产品 淘客(淘宝客)后台前端部分 vue vuex typescript less ES7

公司产品 跑腿代购骑手端小程序 wepy typescript less ES7

公司产品 跑腿代购客户端小程序 wepy typescript less ES7

公司产品 官网 vue vuex typescript less ES7

格力小程序-账户,答题游戏模块,新闻模块 原生小程序 less typescript ES7

公司产品 淘价猫商城小程序端 wepy typescript less ES7


公司合作伙伴 北京海生泰合医药科技 必乐商城 微信H5 vue vuex typescript less ES7

公司合作伙伴 北京汉拿山集团 汉拿山餐饮小程序 wepy typescrip less ES7

小鱼的旅程 微信小游戏 three.js typescript ES7 设计游戏状态机 策略器

2048 微信小游戏开发 canvas typescript ES7

公司官网

内部通用前后端UI组件开发

中国移动通信集团有限公司 中国移动商城管理系统 thinkphp5 mysql jquery layui

公司合作伙伴 北京汉拿山集团 肥猪憨牛微信会员系统 thinkphp5 mysql jquery


WangShuXian6 commented 6 years ago

工作经历


哈尔滨银行消费金融 - 前端技术负责人

2021年1月1-至今

负责前端通用组件开发,UI库开发,脚手架搭建,node 网关开发 前端技术整理/推进 接口文档服务开发 代码规范/lint工具开发



创业 技术合伙人

2020年4月10-2020年4月12

4天完成28个小程序前端页面 [Taro ,Typescript][生成20+组件,待开源]

2月内完成3套项目包括 3个小程序 ,3个管理后台,3个GraphQL后端[280+接口],官网,服务器运维项目.


北京米多琪文化 - 前端开发主管,运维,后端

时间

2018年10月-2020-3月

职责

搭建维护内部前后端代码管理,持续集成,持续部署平台gitlab CI/CD,稳定支持200+项目的自动化运维

搭建维护内部api管理测试平台,自动监控平台,文档管理平台,npm包管理平台,python包管理平台,docker管理平台

前端项目设计,开发

前端规范制定 开发环境的改良 前端技术方案的整理和实践,以及文档化产出 组织,管理指导前端团队,主导推动前端项目 参与前后端接口设计 开发常用组件 通用基础业务的前端开发


佰融云服务 — 全栈工程师

2017年3月 — 2018年10月

职责

前端技术选型,系统架构的设计和优化 前端规范制定 开发环境的改良 前端技术方案的整理和实践,以及文档化产出 组织,管理指导前端团队,主导推动前端项目 参与前后端接口设计 开发常用组件 通用基础业务的前端开发

WEB 端交互设计与实现

设计和开发公司 web 端产品、APP Hybrid 应用、小程序


独立开发汉拿山等连锁餐饮餐饮 点餐小程序,使用wepy+redux+es7+less.开发公司官网,独立开发小游戏,尚未发布。php管理后台开发。

WangShuXian6 commented 6 years ago

前端分块

技术中台(工程效率组)(办公效率/技术)(架构组) 社区平台事业部 工具化事业部


前端职责划分

H5前端工程师

前端开发工程师

前端研发工程师

1.在基础架构组中承担一些通用组件、通用解决方案、开发框架、脚手架或者数据可视化相关的前端工作。也可选择前端业务开发。

  1. 熟悉一门后台开发语言或者系统运维分
  2. 熟悉 React、Vue、Angular 或者 周边技术栈 相关的底层原理开发模式;

资深前端工程师

高级前端开发工程师 (架构重构,大前端,移动端)

前端开发经理(优秀产品或者团队背景)

技术总监

  1. 全面负责产品的技术方向研究和总体规划,参与整体架构设计,评估产品风险和管理、维护公司核心产品架构体系;

  2. 理解系统的业务需求,制定系统优化与调整方案,监督项目进度,保证软件项目按时高质量的实施;

  3. 从系统架构设计层面解决各类潜在系统技术风险,保证系统的安全、稳定、快速运行;

  4. 参与制定项目的技术管理、开发管理流程;

  5. 根据公司不同发展阶段的需要,提出产品创新建议,并实施可行性研究,最终完成产品的总体设计的制定;

  6. 参与团队的梯队搭建、人才培养及日常管理工作,提升团队的专业度和效能。

  7. 本科及以上学历;计算机相关专业;

  8. 10年及以上开发经验,熟悉互联网行业的系统架构;

  9. 具有应用架构、技术架构的设计经验,熟悉Java及常用框架、开发工具;

  10. 具有5年以上大规模高并发访问的Web应用架构设计和开发经验;

  11. 具有良好的管理及组织协调能力,具备人及以上技术团队管理经验。

  12. 对技术市场具有一定的敏锐度,能够从客户和业务的角度来进行技术实现;

  13. 责任心强、诚实敬业、富有团队精神。

WangShuXian6 commented 4 years ago

技术栈

airmusic@msn.com

了解 vue 源码

主要技术栈为 React + GraphQL + TypeScript + Node + Mongoose

熟悉常用前端框架、库、工具:Vue, Angular,React, Webpack,Gulp 等

了解 node, 熟悉 KOA, Hapi.js,nestjs

熟练使用 Git,熟练 Gitflow 等常见开发实践

注重设计细节和用户体验,有较强的审美和自主设计能力

善于学习和运用新知识,有强烈的团队意识和执行力

熟悉前端自动化和工程化

熟悉ES规范

熟悉各种常用设计模式

良好的编码习惯

善于总结改进项目

精通 Adobe XD 原型设计

熟悉 Three.js

会API接口测试、UI测试等自动化测试工具

熟悉 Docker 运维部署

了解 Kubernetes

了解一点 python flask

了解 Serverless

了解 UML设计

WangShuXian6 commented 4 years ago

创业项目总结

自2020年3月底辞职后,经历了2周的休整,找到一份待遇不错的创业公司。

试用2周后,发现不能主导技术架构会异常痛苦。此时恰好朋友邀约,我毅然决然的开始了创业之路。从北京来到张家口。

朋友负责公司的各项事务,俩人一起调研产品。 我负责技术。

同城特价购

5月中旬立项,5月28日全部功能开发测试完成。[自己主导的开发速度快,质量高] 待域名审核后即可上线[国内创业真难,审核周期真长,各种审核用了接近2个月] 按地域,按距离查找距离自己最近的优惠券,为用户提供优惠入口,为商家引流.

80 + 的GraphQL接口,极易扩展,全生态使用 GraphQL + TypeScript 项目极易扩展,调试,接口即文档.

接口一瞥 WechatIMG196

管理后台一瞥 屏幕快照 2020-04-21 上午2 19 33

屏幕快照 2020-05-28 下午4 34 24

屏幕快照 2020-05-28 下午4 35 19

小程序 朋友安卓转产品,我也没时间负责UI,我将在上线后重构UI。 优惠券同过商家使用小程序扫描用户的条形码的方式核销 WechatIMG197 屏幕快照 2020-05-28 下午4 35 52 屏幕快照 2020-05-28 下午4 37 40 屏幕快照 2020-05-28 下午4 37 56 屏幕快照 2020-05-28 下午4 38 04 屏幕快照 2020-05-28 下午4 38 38 屏幕快照 2020-05-28 下午4 39 00 屏幕快照 2020-05-28 下午4 39 20 屏幕快照 2020-05-28 下午4 40 22 屏幕快照 2020-05-28 下午4 40 35 屏幕快照 2020-05-28 下午4 41 16 屏幕快照 2020-05-28 下午4 43 19


答题赢好物

4月初立项,4月中旬开发测试完毕

接口 [110+] 1590658633198 屏幕快照 2020-05-28 下午5 38 00

管理后台 屏幕快照 2020-05-28 下午5 34 37 屏幕快照 2020-05-28 下午5 34 48 屏幕快照 2020-05-28 下午5 35 02

小程序 屏幕快照 2020-05-28 下午5 32 50 屏幕快照 2020-05-28 下午5 33 04 1590658436177

猜诗词赢好礼

4月底立项,开发完成 100%。

WangShuXian6 commented 4 months ago

北京米多琪文化

时光简纸[语音明信片定制]微信,支付宝,字节跳动小程序 .H5 Taro + TS

完全负责前端开发和adobe xd标注 背面选择 边框弹窗 待付款 待收货 单张编辑-横 单张编辑-横裁剪 单张编辑-横滤镜 单张编辑-横相框 单张编辑-横主题 地址管理 订单支付 个人中心 购物车-1 购物车 结算 截屏2024-06-21 21 48 01 明信片小程序-订单列表修2 全部订单 扫码播放 首页-1 首页-2 首页 物流信息 修改录音弹窗 修改数量弹窗 预览订单 暂未开放 Canvas – 1 Canvas – 3 Canvas iPhone 6-7-8 – 1