个人简历
个人技能
- ES5, ES6, TypeScript, react, redux, react-native, rax
- openGL, webGL
- d3, echarts, zrender, canvas, svg
- chrome插件
- css, css3, sass, less, css-modules, postcss
- nodejs, serverless, egg, koa, express, mongodb
- webpack, grunt, gulp, Yoeman
- object-c, c
学习工作经历
-
2009.09 - 2013.07-
华中科技大学 本科 -
自动化
-
-
2013.08 - 2014.08-
最搭配 -
前端开发工程师
-
-
2014.08 - 至今-
阿里巴巴 -
前端开发工程师
-
项目经历(2019)
天猫精灵小程序
- 针对天猫精灵日益旺盛的开放需求，引擎支付宝小程序作为底层支撑，在上层封装天猫精灵的小程序开放方案。
- 针对天猫精灵不同屏幕尺寸，不同类型设备，封装跨度小程序方案，使得同一个小程序工程可以编译出不同UI，不同功能的多端产物，复用能复用的UI和逻辑。
- 借助rax的跨容器能力，将天猫精灵小程序编译为H5页面，用于输出给合作伙伴中午小程序容器的app使用，如移动，电信。
项目经历(2018)
天猫精灵node server
- 推动天猫精灵微服务架构，使用nodejs作为BFF层为前端及客户端封装业务接口。
- 在天猫精灵业务中实现并落地node版本serverless。
- 推出UI 中心，对天猫精灵带屏设备语音链路的UI相关逻辑做处理，对于不同的语音指令返回不同的UI内容展示。
项目经历(2017)
天猫精灵APP
- 支撑天猫精灵APP内部和外投业务。
- 提供天猫精灵APP内统一对外开放方案，支持三方厂商在安全范围内入驻。
- 上层语法使用rax，底层渲染引擎替换为weex，将原来react-native相关逻辑迁移到weex，和集团生态打通。
项目经历(2016)
AR SDK
- AR SDK主要分为两个部分，跟踪和渲染。我负责AR SDK中渲染部分工作。
- 底层使用OpenGL封装一个轻量级渲染引擎，打包后大小200k，能够渲染视频和图片。
- 借助assimp解析3d模型，结合自己封装的渲染引擎，能够渲染常见格式的3d模型，并支持骨骼动画。
- 技术栈：OpenGL + assimp + c++
阿里小朋（后改名为天猫精灵）
- 封装ios原生组件暴露给react-native使用。
- 通过rnpm管理react-native组件，并通过prepublish脚本来将cocoapods于rnpm有机结合。
- 在原生ios应用中引入react-native页面，使用object-c和react-native的方式混合开发，性能比传统html5混合开发方式有大幅提升。
- 使用封装的DARN框架开发阿里小朋APP，底层为react-native。
- 封装声波配网及wifi配网等需要跟硬件配合的组件，并暴露接口给react-native使用。
- 封装react-native-router用于在react-native场景替代react-router。使用方式与react-router保持基本一致。
- 技术栈：react-native + redux + redux-saga + reselect + java + object-c + c++
知识图谱可视化
- 对巨量数据进行可视化展示，对知识图谱的实体和关系进行合理描述。
- 使用echarts绘制整体形状，使用zrender进行个性化需求。
- 技术栈：react+redux+react-router+webpack+babel+ES6+echarts+zrender
纸蜻蜓
- 使用object-c开发纸蜻蜓ios应用。
- 封装大图查看ios组件。
- 封装扩展ios原生组件，以满足项目需求。
- 使用autolayout布局，通过AOP方式对控件打点。
- 使用cocoapods管理组件依赖，并将抽离组件发布为私有cocoapods组件。
- 技术栈：object-c+masonry+cocoapods
项目经历(2015)
react-echarts
- 封装react版本的echarts。
- 其他组件state修改时保证echarts不会二次渲染，提升性能。
- 支持简单使用options的方式，及标准react component的方式。
- 能够暴露echarts对象来进行个性化编程。
- 技术栈：react+echarts+ES6+webpack+babel+npm
cuz-components
- 封装react版本基础组件组件。
- 组件包含：分页组件，多级菜单，日历，按钮，弹框等。
众包平台
- 使用nodejs+koa+mongodb作为服务端搭建集团内众包平台。
- 前端使用react+ES6+redux+webpack+babel。
项目经历(2014)
chrome插件开发
- 开发chrome插件，辅助爬虫系统。通过点击获取页面中任一个元素的xpath，和爬虫系统打通快速定位需要爬取的内容。
- 修改右击菜单，能够一次同时选中所有同级元素。
actionJS
- 改变前端初始化方式，通过给dom元素添加属性来初始化功能。
- 根据指定的属性，按需加载对应css及js。
- 技术栈为requirejs + jquery
项目经历(2013)
服装搭配编辑器
- 开发服装搭配编辑器，用户可在网站对服装图片进行编辑，包括裁剪，旋转，拖动，改变层级等。
- 编辑好之后可生成一张新的图片。
最搭配网站
- 开发最搭配整个网站。
- 技术栈为 grunt + seajs + jquery。
联系方式
-
Email: guiqi.zh@gmail.com -
Github: https://github.com/somonus