做一个有理想的工程师
个人信息 . . . . . . . . . . . . . .
个人博客: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仓库