Zachary's Blog logo

简历

我的职业生涯，工作经历和技能。

徐志毅 (Zachary)

前端工程师

简介

拥有 7 年经验和基于 Javascript 技术的前端工程师 (Vue2 / Vue3 / Typescript / Nuxtjs / Nodejs).

学习新的语言和技术，尤其是 JS 相关的，是我热衷的事情。除了在团队中出色工作的能力外，我还可以为新成员指导任务和审查代码。.

专业领域

语言平台 / 框架 / 库
JavaScriptNode.js, Vue.js, Nuxt.js
HTML5, CSS3TypeScript, Express, Koa.js, Mongoose, JWT, Tailwind CSS, SCSS, Ant Design Vue

工作经验

七猫

2021-11 - 至今

项目: 七猫版权中心, 七猫官网 - https://ip.qimao.com/ - https://www.qimao.com/

  • 描述: 用Nuxt重构项目

  • 技术栈:

    • Nuxt, SCSS, Webpack, Sentry, PM2

  • 职位: 前端工程师

  • 职责:

    • 负责Nuxtjs框架选型、基础架构、换皮功能、性能优化、兼容性修复.
    • 在服务端渲染的基础上，加入PWA，实现性能优化。首页加载速度达到624ms，LightHouse性能指标达到99分.
    • 添加了Sentry, 用于错误日志监控.
    • 公司内部推广，所有toC业务均采用此模板.

  • 成就:

    • 一台4核8G的服务器QPS提升到1500.
    • 从0到1完成架构设计和性能优化.

项目: Nuxt SSG 自动生成

  • 描述: 使用Nuxt自带的生成功能，实现协议和活动页面的自动生成.

  • 技术栈:

    • 前端: Nuxtjs + Vite
    • 后端: Koa.js, JWT, MongoDB

  • 职位: 全栈工程师

  • 职责:

    • Nuxt + Npm组件库实现预览功能.
    • 使用koa提供generate接口，主要调用nuxt中的generate函数，可以生成文件到指定目录.
    • Css，js上传到cdn， html配置nginx root指向指定目录实现SSG访问.
    • 管理后台主要实现拖拽npm组件库，并填写自定义数据，点击生成调用生成接口自动生成静态页面.

  • 成就:

    • 熟悉Nuxt实现原理.
    • 使用低代码思想实现静态页面输出.

项目: 日志埋点上报SDK

  • 描述: 代码埋点收集用户行为数据的SDK

  • 技术栈:

    • Monorepo, TypeScript, Rollup

  • 职位: 前端工程师

  • 职责:

    • Monorepo架构设计，主要分为三个包：core, tracing, utils.
    • Core包主要是一个base类，初始化获得上报接口地址，加密key，最大缓存数，延迟上报时长，发布订阅模式引入插件.
    • Tracing包主要是浏览器上报，继承了core类，主要是缓存日志上报队列，延迟上报，上报方式（get， post， image，beacon）， 并根据浏览器兼容性进行降级处理.
    • Utils包主要是工具类，主要加密日志，浏览器兼容性，获取浏览器基础属性合并进日志中等.

  • 成就:

    • 开发组件或者sdk的流程以及架构设计.
    • 熟悉了解各种不同上报方式.

项目: 统计平台，基础平台，推荐管理后台

  • 描述: 业务指标BI报表，AB测试，错误日志收集，服务流配置.

  • 技术栈:

    • Vue2、Vue3、VueX、Antd-Design-Vue、VxeTable、EChart

  • 职位: 前端工程师

  • 职责:

    • 负责系统管理权限重构.
    • 根据配置数据和Echart自动化生成业务指标报表.
    • 优化大数据列表，低代码拖拽生成表单.
    • nginx+lua实现灰度发布.
    • 封装了筛选项，表格，分页实现简单筛查表格组件.

  • 成就:

    • 熟悉自动化图表生成.
    • 熟悉灰度发布，低代码拖拽表单.

百舜

2018-03 - 2021-11

项目: OneLook3

  • 描述: 公司产品（各种药品）销售增长报表仪表板，医生销售及SWOT分析.

  • 技术栈:

    • .Net Core3.0 WebApi、Vue2、ElementUi、HighChart、GoogleMap、PWA、IndexDB

  • 职位: 全栈工程师

  • 职责:

    • 医疗站点地图的展示，部分报表的开发，报表组件的封装和数据配置的展示.
    • 使用PWA + IndexDB实现完全离线报表展示网站

  • 成就:

    • 用vue重构了项目.
    • 用PWA + IndexDB构建了完全离线网站.

上海互联网软件有限公司

2016-07 - 2018-03

项目: 政府信息管理平台

  • 描述: 项目构建，业务开发.
  • 技术栈:
    • C#、JQuery、HTML、CSS
  • 职位: 全栈工程师
  • 职责:
    • 平台开发，需求跟进.

自己玩的项目

  • ChatMate-GPT: ChatMate 是一款基于 Open AI GPT-3 的聊天应用程序。使用 React Native 开发，支持 Android 和 iOS， 模仿别人开源的项目。
  • IndexDB Promise: 一个轻量级indexdb promise化.

教育背景

江苏师范大学 2012-09 - 2016-06

  • 专业: 计算机科学技术 软件工程

消遣和活动

  • 我喜欢尝鲜新技术，比如最近的chatgpt，还学习了下threejs，略懂皮毛.
  • 我喜欢健身，篮球，游泳。I love outdoor activities (fitness, basketball, swimming...)
  • 我喜欢打游戏，比如战神系列，塞尔达系列，老头环.

最近更新时间: 2023-06