苏州科技大学

18964022629

lambert1129@foxmail.com

热爱编程,热爱思考。2019年自制 Vue-UI组件库 获得 JetBrains Open Source license 认证。

个人信息 . . . . . . . . . . . . . .

个人博客:https://www.yuyunzhi.com (技术博客40篇,UI组件实现思路17篇)

Github: https://github.com/yuyunzhi

年龄:26岁

开发经验:1.2年

专业技能 . . . . . . . . . . . . . .

前端技术栈

  • JavaScript、ES6、TypeScript、Vue全家桶、SCSS ,能够开发web、h5、App端、浏览器插件项目
  • 移动端Android、IOS机型兼容

后端技术栈

  • 使用过Java、SpringBoot、Maven、Docker、Mysql、Mybatis、Flyway实现爬虫及后端接口

测试及部署

  • 单元测试、测试覆盖率、Travis CI持续集成
  • 前端Sentry线上bug监控、Charles抓包

工作经历 . . . . . . . . . . . . . .

上海晓信信息科技有限公司

Web前端工程师 2019.3-至今

晓黑板App

  • 项目描述: 客户端用户量约2000万,参与开发模块为:育儿好文、选课系统、学生/教师评价、晓评价、校园入口、班级考核、教师考勤

  • 工作职责: 若干个模块开发的项目负责人,协调UI、产品、开发的进度,如期完成前端业务正常上线

  • 技术栈: 使用 JSBrige、WebView、Vue混合式开发app端 、Postcss-px-to-viewport响应式布局、兼容Android、IOS及不同版本、VConsole、Charles抓包调试、使用高德地图实现打卡定位、使用懒加载提高页面性能 、维护部分SDK内容

  • 项目地址: 下载晓黑板App->选择教师身份->点击相关模块入口

一统后台管理系统

  • 项目描述: 对客户端配置后台/活动数据:打卡圈后台、消息通知后台、小画家后台、弹屏后台

  • 功能: 联动搜索、列表渲染、图片(上传、删除)、音频(上传、删除、播放、进度条)、表单及校验、新增、预览、编辑、分页器、批量操作、日期选择器、toast提示、表情解析、上下移动、导出excel、评分

  • 技术栈: Vue全家桶、ElementUI、对音频封装自定义样式组件、路由拦截、代理配置、前端权限设置、使Jenkins持续集成发布上线,对多个模块进行解耦,工具类函数封装

Xp-H5

  • 项目描述: 晓黑板App内对某几个页面分享到微信、QQ:打卡分享页面、评分分享页面

  • 技术栈: Vue全家桶、canvas绘制奖状内容、cube-ui、百度统计数据埋点、使用postcss-px-to-viewport实现响应式布局

复旦大学复杂决策分析中心

Web前端工程师 && UI设计 2018.8 - 2019.3

项目描述:

  • 基于数据进行行程服务定制。普通用户 根据偏好生成行程路线、搜索、数据展示、下载、评论、收藏、修改个人信息、生成订单、支付宝购买、退款等。商家用户 提供住房信息,订单查询,修改商家信息、登录注册;

工作职责:

  • 使用 墨刀 完成整个网站的UI设计、使用Vue.js技术负责整个项目的前端开发;
  • 使用 Vue全家桶 实现项目描述中的所有功能及用户的登录状态进行权限管理 。同时对 代码进行优化,易维护 ,对首页3D-Earth加载出现白斑进行了 性能优化 、前后端联调、打包上线;
  • 部分业务功能使用了第三方库实现: Element UI引入基础组件、Echart.js数据可视化、Swiper.js、Pdfmake.js

个人作品 . . . . . . . . . . . . . .

1、自制Vue UI组件库

描述:

  • 使用Vuepress搭建官网,文档及官网介绍1篇;
  • 共计17个UI组件:Button、Input、Grid、Layout、Pager、Sticky、Collapse、Cascader、Table、Popover、Toast、Slides、Tabs、Nav、图形验证码、瀑布流布局、单/多图上传;
  • 设计模式:单向数据流、测试驱动开发、发布订阅模式、API正交(props)、可测试代码;
  • 2019年7月30日,该项目获得 ** JetBrains Open Source license ** 认证

预览链接:点这里进入查看链接

源码连接:点这里进入github仓库

2、Java多线程爬虫

描述:

  • Java多线程抓取网站数据
  • 目前给爬虫加了Circle CI持续集成,使用了Docker安装Mysql,并对数据库操作抽取成DAO接口,Flyway对数据库自动化的迁移(H2->Mysql),用Mybatis做ORM关系映射,实现了断点续传,改造成了多线程提高抓取数据的速度。

源码连接:点这里进入github仓库