苏州科技大学

18964022629

lambert1129@foxmail.com

做一个有理想的工程师

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

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

Github: https://github.com/yuyunzhi

年龄:26岁

开发经验:1年

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

前端技术栈:

  • 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命令对代码进行版本管理
  • 良好英文文档阅读习惯

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

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

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

项目描述:

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

工作职责:

  • 使用 墨刀 完成整个网站的UI设计、使用Vue.js、SASS技术负责整个项目的前端开发及进度排期;
  • 根据前后端协商的接口及数据格式使用 Mock了虚拟数据,使用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)、可测试代码;

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

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

2、CSS3实现动态绘制大白

描述:

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

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

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