个人简介

我是张相杰(Alex),前端工程师,从事前端工作 6 年。过去主要工作为:前端基础建设与应用,前端模块研发,产品研发等。

技能树

  • 前端:Typescript, Javascript, React, React-Native, Redux, Flutter, Webpack, Scss, CSS in JS, Gatsby, Next, TypeORM
  • 后端:Node, DynamoDB
  • 测试:Jest, Nightwatch, Cypress
  • 部署:Docker, Netlify, Travis
  • 工具:Mac, GitHub, VSCode, Atom, Telegram, Google, Gmail, Jira

工作经历

Synergy88

2015.02 - 2020.02 (海外 | 马尼拉)

  • 公司简介:toB 综合技术提供商,为集团内市场部门提供业务系统研发产品研发等服务,例如交易系统财务系统IM 服务游戏制作
  • 行业介绍:IT、地产、餐饮、游戏动画
  • 职位:前端组负责人
  • 职责:

    • 前端基础建设
    • 前端团队建设
    • 代码审阅、任务分配、进度跟踪
    • UT、e2e 测试
    • 前端技术分享

广州海关技术处

2013.07 - 2015.01 (广东 | 广州)

  • 单位简介:广州海关技术处软件科,为中国海关研发业务系统。例如车辆进出关国际司业务系统
  • 行业介绍:海关事务,进出口业务,公共服务
  • 职位:软件工程师
  • 职责:

    • 中国海关内部业务系统的原型制作
    • .NET web API 研发
    • 系统前端模块研发

项目

@mini-code

Synergy88 - 前端基础建设

  • 介绍:@mini-code 是一个 web 前端通用函数组织,提供前端应用的开发和构建环境,数据处理,RESTFul API,测试流程等支持
  • 组织结构:

    • @mini-code/base-func 核心函数库,包含处理常用的 数组, 数字, 时间, 订阅发布 等模块
    • @mini-code/request HTTP 请求工具,基于 fetch API,提供中间件机制,支持数据过滤。内置了RC4 加解密LZMA 压解缩中间件,支持 RESTFul API
    • @mini-code/scripts 基于 react-scripts 扩展的开发环境,根据团队定制
    • @mini-code/page-generator 页面生成工具,为了减轻管理系统的开发工作量而制作,提高系统一致性,可维护性
    • version-helper 提供统一的应用版本号的生产的辅助库
    • web-server 基于 node 的 web server,适用于轻量级的后端服务需求。typescript + typeORM + express + mysql + docker
  • 相关资源

@deer-ui

Synergy88 - 前端基础建设

  • 介绍:@deer-ui 是一个基于 React 的 UI 组织,为快速构建 web 应用提供灵活、可扩展的前端基础支持
  • 组织结构:

    • @deer-ui/core 核心 UI 库,提供可扩展的 UI Components 基础,原子设计原则
    • @deer-ui/enhance-ui 基于 @deer-ui/core 的增强 UI 组件集合
  • 技术标签:typescript, react
  • 基于 @deer-ui 的应用:

  • 相关资源

IM 服务

Synergy88 - 业务应用

  • 介绍:与公司业务结合,满足内部 IM 使用需求
  • 主要负责:web 客户端研发,native 客户端(flutter)研发
  • 技术结构:

    • 前后端分离
    • web 客户端分 3 层结构,SDK -> Actions -> UI
    • SDK:封装 websocketprotobuf ,提供与远端交互数据的 API 服务,由 Actions、UI 调度并消费
    • Actions:提供核心业务数据操作,由 UI 调度并消费数据。redux + redux saga 管理数据
    • UI:交互层,采用 react 渲染
    • native 客户端
    • 与 web 客户端结构类似
    • 采用 flutter 构建

      • 基于 BLoC 管理数据
  • 技术标签:typescript, protobuf, react, redux, flutter
  • 相关资源

交易系统

Synergy88 - toB 业务应用

  • 介绍:基于代理层级的交易系统
  • 主要负责:提供前端基础技术支持;业务模块开发;模块划分;协调设计、前端对接;协调前后端对;开发任务分配与跟踪;代码审阅等
  • 技术分析:

    • 基础:react, redux, typescript
    • web 应用、PWA:react, react-native
    • 移动端应用:react-native
    • 环境构建:webpack
    • 模块管理:yarn workspace
    • 测试:jest, cypress
  • 技术标签:react, react-native, node, typescript

餐饮配送平台

Synergy88 - 本地生活服务

  • 介绍:本地餐饮配送服务平台。zan.com,服务已下线
  • 主要负责:提供前端基础技术支持;业务模块开发;模块划分;协调设计、前端对接;协调前后端对;,开发任务分配与跟踪;代码审阅等
  • 技术标签:PWA, react + redux, admin-scaffold

前端资源发布系统

Synergy88 - 内部应用

  • 介绍:用于管理公司所有产品的前端资源的部署流程。服务已下线,使用 Jenkins 代替
  • 主要负责:项目发起者、制作者
  • 动机:随着公司业务上升,为了更好地管理产品的前端发布流程而制作的
  • 工作流程:本地构建 -> 登入发布系统 -> 上传 built package -> 发布 -> 应用通过 ssh 将资源推送到部署服务器,并备份原有资源
  • 技术标签:@deer-ui/admin-scaffold, @mini-code/web-server, lowDB

国际司综合业务管理系统

广州海关 - 业务系统应用

  • 简介:中国海关总署国际司业务系统,处理国内海关人员和领导出入境的流程
  • 系统架构:系统分层架构,分为Data、Framework、Workflow、User、Web、Web Api,TDD(测试驱动开发)模式,实现底层逻辑高度重用,适配其他业务系统,开发其他业务系统,只需要实现表现层 Web
  • 本人职责:负责项目前端设计、实现和前端组织,web api 制定
  • 技术标签:Angular, D3, RequestJs, .NET MVC 4.5, Web API, MongoDB, MSSQL

海关邮递物品查询系统

广州海关 - 业务系统应用

  • 本人职责:项目海关邮递物件的微信接入
  • 微信公众号:广州海关12360(gz12360)的邮递物件查询系统
  • 技术标签:Polymer, Node, MONO

更多

个人项目

  • BlogHelper:serverless 博客助理服务,提供点赞(like)访客记录(visitor)等功能

自我评价

coding读书运动摄影吉他自律自我驱动极简主义完美主义

联系方式


view