Skill
Other
有UI设计经验,熟练使用sketch,制作icon,制定设计规范, 熟悉前端模块化,熟悉DOM操作,响应式设计,css动画, 有java开发经验,开发过Android项目
Education
2012.09 ~ 2016.06
上海理工大学
生物医学工程信息方向
本科学士学位
Work Experience
2015.06 ~ 2016.06
上海生医信息科技有限公司
实习
原型设计及Android开发,主要以UI设计,制作规范
2016.06 ~ 2017.06
上海生医信息科技有限公司
技术工程师
UI设计及web开发,偶尔支援Android开发 公司技术为php加RN组合方式
2016.06 ~ 2017.06
上海宏路数据技术股份有限公司
前端工程师
辅助维护广告投放平台前端,其他项目的前端开发
Projects
数据可视化项目
前端开发
2018.01 - 现在
汽车公司数据可视化漏斗项目 · 暂未上线 图标使用echarts,框架为react、redux,pc端为多页应用,移动端为单页应用(未使用router)
MPS
前端开发
2017.12 - 现在
针对客户公司制定的标签管理项目 · 暂未上线 使用create-rsuite-app搭建,框架为react、redux,pc端为多页应用
广告投放管理平台
前端开发维护
2017.11 - 现在
广告投放管理平台 · https://adserving.hypers.com.cn 基于Rsuite组件库
react-edt
个人项目
2017.10 - 暂停
基于react框架的编辑器 · https://marvelsq.github.io/SQEdtonReact 实现拖拽添加模版,拖拽和粘贴文字
AccountBook
个人项目
2017.09 - 暂停
使用vue+elementui框架的记账本,单页应用 使用vue渲染页面,vuex管理登陆,账户增减变化的状态。router管理跳转。 使用localstorage存储登陆信息本地列表,
SQEdt
个人项目
2017.09 - 暂停
一款基于contentEditable的html编辑器 · https://marvelsq.github.io/Sqedt 使用 ES6语法,API及模块化,dom原生操作。目前正在扩展添加Drag&Drop
优康云
移动端及PC管理后台开发
2017.05 - 2017.06
基于微信健康管理平台。用户在线下设备上使用微信绑定,体检完成后在公众号查看体检报告 移动端使用vue+bootstrap,管理后台使用vue+elementui,网络请求使用axios 移动端主要是各类健康设备的入口,点击项目进入查看报告列表,查看个人信息,修改密码
管理后台展示用户数据和体检数据,各类体检数据使用命名路由复用组件
ART超市后台项目管理
页面制作
2017.04 - 2017.05
与NTT-data合作的超市后台项目管理系统,管理新产品上架,方便项目经理跟进 filelist:展示所有项目书,预览进度状态,列表页 roadmap:展示单个项目书的进度,分为7个步骤(step),下有多个任务(task),由指定的负责人完成
overview:个人项目的统计展示,使用条形图展示,使用年份作为过滤条件 难点: overview中,数据显示比例是按照每列最大项为100%;先查出最大项,再计算其他项目的比例 roadmap中,task的按钮有三种状态,且与上下文互相关联,每次操作需对上下文进行检查。
Nutreat
UI设计及web开发
2016.07 - 2017.03
nutreat是由台湾营养师为癌症患者设计专属营养食谱的平台。 提供音视频服务及营养品销售 我负责营养师端及后续用户端设计,管理后台和营养师工具开发。页面开发使用了jquery和bootstrap。 管理后台: 主页:查看用户,营养师信息 资讯页:使用Editor.md
发布,编辑,排序,删除营养资讯 数据:管理食品类别,工作强度,癌症疾病信息 商城管理:商品上下架,查看订单信息,筛选进度,发货 管理员管理:添加管理员,修改密码,删除普通管理员 营养师工具:
展示营养师的所属患者,查看患者信息(忌口,疾病,工作情况…) 使用食谱编辑工具设计食谱 上传表格文件到服务器,转化为html页面预览编辑。 营养师端:Android视频聊天集成
Front-end
做前端之前,我曾想去做Android开发,但是在公司中却成了一名UI设计。虽然我也喜欢设计,但更想要自己动手编写界面。之后由于缺少前端工程师,我就作为web开发取编写简单的页面,做了几个项目后,越来越熟悉web的界面,因此,开始向前端。 一开始都是用bootstrap+jquery的制作页面,后来接触vue后,开始用模版写界面,最近又学习了React,用class+jsx写界面,样式主要用css,动画,transition,flex等,模块化的写法使开发变得更加清晰。npm等工具可以解决造轮子的问题,工程化的处理解决了许多麻烦。babel,webpack,eslint等等 在node中我也很喜欢用js写服务器的感觉,交互逻辑,网络,http协议,restful api等等 我可能更倾向于中后台吧。制作一些工具组件。