Printing tool Download PDF

个人信息

专业技能

前端技术栈
  • CSS预编译语言SCSS:掌握常用布局,能够完成交互友好的网页,高度还原UI设计稿
  • ES6:JavaScript基础掌握良好,能熟练使用this、new、闭包、原型链、AJAX、Async、Promise等
  • Vue:能够使用Vue造出多个UI轮子组件,及全家桶进行项目搭建、前后端分离开发、打包上线
  • 能够使用jQuery进行项目的开发
  • 能够使用chai、karma、sinon 完成 部分的基础组件单元测试测试覆盖率Travis CI持续集成
  • 熟悉常用的前端性能优化方案
  • 有web端及移动端适配项目经验
其他技术栈
  • 了解Java的基础语法、面向对象(封装、继承、抽象类、接口、多态)、Maven,能够写出简单的爬虫程序;
  • 了解node,使用过express、sequelize搭建过服务器
  • 了解RESTful API设计约定
  • 掌握常用的Git命令对代码进行版本管理
  • 良好英文文档阅读习惯

工作经验

2018.08.012019.03.01

Web前端工程师 && UI设计

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

项目描述:

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

工作职责:

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

个人作品

1、自制Vue UI组件库  

描述:

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

预览链接:https://www.yuyunzhi.com/y-components

源码链接:https://github.com/yuyunzhi/y-components

-------------------------------------------------------------

2、Vue在线简历编辑器

描述:

  • vue.js、vue-router、keep-alive、组件通信、LeanCloud、媒体查询;
  • Vue简历编辑器,通过Vue-router实现路由切换功能,使用兄弟组件通信及keep-alive进行数据的传递和页面缓存,使用leanCloud完成用户的登录、注册、登出的功能,使用v-model实现了数据的编辑和保存双向绑定,通过获取url的id来区分用户登录和分享的状态,通过媒体查询切换print的CSS样式;

预览链接:https://www.yuyunzhi.com/Vue-resume-2018-06/src/index.html

源码链接:https://github.com/yuyunzhi/Vue-resume-2018-06

-------------------------------------------------------------

3、CSS3实现动态绘制大白

描述:

  • JavaScript、jQuery、Prism.js、Rem响应式页面;
  • 动态向<style>标签和<pre>标签添加文本,绘制出大白的过程。用css3实现动画的效果,用prism.js实现代码高亮的效果,用rem实现响应式布局;

预览链接:https://yuyunzhi.github.io/baymax/index.html

源码链接:https://github.com/yuyunzhi/baymax

-------------------------------------------------------------

4、Java简易爬虫

描述:

使用Java面向对象抽象出新闻的类,使用Jsoup读取、解析HTML页面,对收集的URL持续采集。可扩展,可去重;

源码链接:https://github.com/yuyunzhi/Spider