余涵

前端开发工程师

基本信息

姓名
余涵
性别
年龄

联系方式

手机
微信
15295681801

教育经历

苏州经贸学院
审计 / 专科 / 2016.09 - 2019.06

技能清单

前端基础
  • 能够使用 HTML5 和 CSS3 进行符合Web标准的 语义化开发,具有像素级还原设计稿的能力
  • 了解 AJAX 相关知识,能运用promise 优化项目中的各种异步逻辑
  • JavaScript 基础掌握良好,例如 this、闭包、原型链、作用域等,了解并使用过 TypeScript 语言开发。 熟练使用 ES6 新语言特性
前端JS框架,UI库
  • 掌握 React 全家桶开发,能够编写简单的 React 基础组件
  • 熟悉 element-ui、AntDesign 等常见 UI 框架
  • 在项目中使用过 WebPack / Parcel 等打包工具,熟悉前端工程化构建流程
  • 了解 Babel 的使用方法,能配合打包工具实现代码、资源的编译处理
前端CSS工具
  • 熟悉 Less / Sass 等 CSS 预处理、后处理工具
  • 熟悉 styled-components 库的使用,在项目中实践过CSS IN JS的开发模式和思想
其他
  • 掌握PC与移动端的开发与适配,了解微信小程序开发
  • 熟悉 LocalStorage / SessionStorage / Cookie 等数据存储技术

项目经历

易 UI —— 组件库 源码
一套基于原生JavaScript开发的组件库,无依赖、体积小、简单易用
  • 这个组件库的名字我命名为“易 UI ”,顾名思义,就是一些比较简单、轻量的轮子
  • 开发目的主要是个人对于技术的学习、尝试、总结,其次是尝试使用原生 JavaScript 实现一些常用组件的方法
  • 使用最新语法编写,纯原生 JavaScript 代码
  • 无任何第三方依赖,源码非常精简,可以自由拓展组件功能
  • 现有组件:collapse(折叠面板)、 message(弹窗消息提示)、tabs(选项卡)、tooltip(触发消息提示)
易记账 —— 移动端 源码 演示
一个移动端记账应用,实现了账单添加、账单编辑、账单统计等功能
  • 这个记账应用的特点是一键极速记账,参照现有上线过的 app 复刻结合自己所学知识完成
  • 项目中使用了 Styled Components 插件,尝试用 CSS IN JS 的风格编写函数组件
  • 使用 LocalStorage 实现了应用数据的本地存储功能
  • React版本技术栈:ReactReactRouter自定义HooksTypeScript
易图床 —— web端 源码 演示
基于现有的图床(sm.ms)网站为模板实现的一个在线图床网站,支持登录注册的简单用户系统,支持 png/svg/jpg/jpeg/gif 格式的图片上传。支持历史记录中略缩图的查看和在线预览。
  • 项目中使用了 Styled-Components 插件,尝试使用 CSS IN JS 的风格编写函数组件
  • 项目中使用 ant-d UI 库中 Upload 、Tooltip 等组件美化页面
  • 使用 Leanclound 完善Auth登录注册接口,管理用户数据
  • 项目中使用了 Styled-Components 插件,尝试使用 CSS IN JS 的风格编写函数组件
  • 项目中使用正则表达式限制了上传图片的文件格式和文件大小
  • 技术栈: React、 ReactRouter、 styled-components、 mobx
易 PPT —— web 端 源码 演示
一款极简风的 ppt 生成应用,快速生成,简约大方。
  • 基于 reveal.js 框架封装的一款快速生成 PPT 的多页面应用
  • 只需要编写 Markdown 语法规则,内容就会自动转换成 ppt 页面,极大程度提高了工作效率
  • 使用原生 JavaScript 将项目功能窗口化,用户体验更佳
  • 目前已实现的功能:内容编辑,图片上传,主题、转场特效、显示效果的更换,PDF 在线下载及演讲者模式。适配手机端页面。
  • 技术栈:JavaScript