简历

联系方式

个人信息

工作经历

杭州惠借科技有限公司( 2018-01 ~ 至今 )- 前端工程师

前端标准统一

描述:一直以来前端开发比较自由,且没有完善的组件库、统一框架,久而久之导致了整体比较混乱的情形。针对前端现有问题进行统一的解决措施。

职责:参与前端规范统一问题的整合,主导前端公共库的设计与开发,同时维护良好的说明、使用文档以及变更日志。所有模块以 npm 模块形式托管于私仓。

总计共产出 15 个 npm 模块,其中我开发了 14 个模块,并持续维护源码及文档,功能包括但不限于:

  • 工具类库的整合,如:友好的原生交互模块,定制化的请求模块等等
  • React、Vue 组件的封装
  • Next.js、Nuxt.js 配置项的提取
  • 辅助类工具的编写

统一登录后台

描述:这是一个相对系统的工程,主要解决了多个业务产生了诸多后台而体系混乱的问题,对各种内部后台能有统一的用户、权限、应用管理。

职责:前后端分离,我负责前端的技术选型及开发,所用技术栈为 Next.js、Ant Design 3、GraphQL。

总结:

虽然最终基于一些方面的考虑,没有在生产环境中引入 SSR 以及 Node 中间层,但依旧借助 Next.js 框架为团队引入 SSR 的概念,带来知识的拓展;同时基于 Next.js 的静态导出,优化单页应用的白屏问题。

移动端 Web 页面开发

描述:涉及入职以来各种内嵌于 APP 内的页面以及活动页的开发。

职责:独立进行前端页面开发,理解 PRD 需求并按照要求实现,能够还原设计稿页面,做到常规移动端环境的适配。

总结:

  • 熟练使用 React + TypeScript 进行项目开发
  • 频繁涉及 Web 与原生的交互,熟悉常规的调试方法
  • 加深对 Webpack 的学习,能够进行自定义配置
  • 后期移动端 Web 页面的基础框架变更为 Vue,熟练使用 Vue + TypeScript 进行开发

杭州和乐科技有限公司( 2017-06 ~ 2018-01 )- 前端实习

母子健康手册

在线地址(移动端模式打开)

描述:这是一个在线版的母子健康手册,记录了宝宝诞生前至六岁、母子间爱的记录。该手册由 130+ 张图片构成,并通过前端绘制的方式在手册上绘制用户的相关内容,最终得到了一本用户定制化的在线手册。

职责:这是一个前后端分离的项目,我负责前端内容的开发,完成界面展示与交互。

总结:

  • 使用了 jQuery 处理 DOM 交互、接口的并发控制
  • 使用 Canvas 绘制手册的翻页动态效果
  • 主要从两个方面加强了用户的访问体验
    • 根据用户当前所在的页码,按需加载图片
    • 使用 IndexedDB 手动可控地管理图片的持久化存储

技能清单

  • 掌握 TypeScript、JavaScript / ES6+ 规范 / 偏爱 TypeScript
  • 熟悉 React、Vue 以及相应的生态 / React 的使用相比较多 / 具备一定的组件抽象开发能力
  • 熟悉 Webpack、Git 等工具的使用
  • 熟悉 Chrome DevTools、Charles 等调试工具的使用
  • 能使用 Node.js 定制化一些脚本工具
  • 了解常用 Linux 命令
  • 了解 Jenkins、Nginx 的配置及使用

个人作品

本人热爱技术,工作之余常常会进行自我学习,会将一些内容输出成博客的形式以进行记录和分享,同时也会产出一些个人作品,以下是完成度比较好的一些内容:

  • jugg:前端脚手架工具,这一系列基于 Webpack、Gulp 等编写。基于该工具可以很方便地开始项目的开发、类库的开发,并且该工具十分亲和 TypeScript;支持快速构建文档站点,并支持在 Markdown 中直接展示 React 以及 Vue 组件的渲染。
  • 组件类:
    • rc-if:React 简单组件,实现 Vue 中与 v-ifv-else 相似的行为。
    • toast:简单泛用无依赖的 toast 组件。
  • 学习兴趣类:
    • inject-code:Chrome 扩展程序,可通过该插件向匹配的页面中注入 JS 脚本或 CSS 样式。
    • espf:Electron 应用程序,读取系统中 .bash_profile.zshrc 等启动文件,便于对这类文件的编辑操作。
0%