tcdw 的头像

tcdw

Web 前端工程师

专业技能

  • React
  • React Native (Expo)
  • Vue
  • TypeScript
  • JavaScript
  • SCSS
  • Tailwind CSS

商业项目经验

一家上海公司

2024.1 - 2024.12

学生在线考试平台(前端部分)

2024.4 - 2024.9
  • 前端部分使用 Vue 3 + TypeScript + Shadcn Vue 实现。
  • 接入 Keycloak 实现了单点登录支持。
  • 实现了高对比度、放大镜、题目缩放、语言朗读等无障碍功能。

一个企业门户网站

2024.3 - 2024.4
  • 使用 Vue 3 + TypeScript + Ant Design Vue 实现了能够完全静态部署的企业网站。
  • 独立设计了网站的样式。
  • 甲方可以通过修改源代码仓库中的 Markdown 文件,实现对网站内容的更新。

一个 Wordpress 企业门户网站

2024.1 - 2024.2
  • 使用 Tailwind CSS 进行页面样式的编写。
  • 通过 Advanced Custom Fields 实现甲方对页面内容额外字段管理维护的需求。

一家香港初创公司

2023.2 - 2023.12

VPS 服务器销售前台

2023.7 - 2023.12
  • 使用 React 18 + TypeScript + Zustand + Chakra UI,基于 UmiJs 4 框架进行开发。
  • 借助 react-i18next 实现网站界面的国际化支持。
  • 集成了 Stripe SDK,实现网站的支付功能。

VPS 服务器管理平台 (EAS)

2023.1 - 2023.8
  • 使用 Vue 3 + TypeScript + Element Plus 进行开发。
  • 根据设计图要求对 Element Plus 的样式进行深度定制,包括主题色、圆角、间距、动画等方面的修改。
  • 与后端配合,借助 WebAssembly 开发基于 Go 的 API SDK,实现对前后端通信内容的混淆与反混淆操作。
  • 在前端部分集成 noVNC 客户端,以便用户可以在 Web 管理系统远程操作自己的主机。此外还进行了二次开发,对 noVNC 界面进行了样式修改,增加了按动系统快捷键、远程发送文本的功能。

一家福建的政务类外包公司

2022.1 - 2023.1

一个门户网站及配套业务系统

2022.1 - 2023.1
  • 使用 Vue 2.7 + TypeScript 通过前后端分离的方式开发,独立完成了项目的开局和绝大部分页面的开发工作。
  • 通过 yapi-to-typescript 实现自动根据 API 接口文档生成前端 SDK,改善了前后端配合的工作流。
  • 通过 Headless Chrome 实现各业务子系统的申请书 PDF 生成功能,页面排版清晰整洁,可以正确处理分页和页眉、页脚显示。

一家厦门公司

2021.3 - 2021.12

电商 ERP 平台(前端部分)

2021.3 - 2021.12
  • 该平台是专门为提供来图定制小商品服务的电商卖家设计的,前端部分基于 vue-element-admin 进行开发。
  • 借助 Fabric.js 实现了产品预览编辑器,可以通过拖拽素材图片的方式快速生成来图定制的商品预览。
  • 工厂端在上述前端技术栈的基础上借助 Electron 封装了桌面版应用,支持连接小票打印机,一键打印订单详情。同时,通过集成 Aria2,实现了来单自动批量下载原图的功能。

开源项目经验

全栈开源项目 - Bilisound

https://bilisound.com
2023.6 - 至今
  • Web 版/移动版客户端使用 React Native (Expo) 跨平台开发,支持 Android、iOS 和 Web
  • Web 后端基于 Cloudflare Worker 开发
  • 在用户的手机上直接进行解析和提取操作,提升了可靠性和隐私性
  • 通过直接获取视频中的音频流,实现单独播放视频的音频部分,节约用户的流量
  • 除查询和提取功能外,还提供完整的音乐播放器功能,支持歌单订阅

教育经历

一所普通本科院校 - 软件工程

2020.9 - 2022.6

一所专科院校 - 软件技术

2017.9 - 2020.6