跳转到主内容

项目

以下是我的主要工作经历与对应项目,展示了我在不同技术方向上的实践能力与贡献。

正在学习

我正在学习 Roblox 游戏开发

我目前正在学习 Roblox 游戏开发 —— Luau 脚本、客户端/服务端架构、DataStore 存档,以及如何发布并运营一款线上游戏。

比起跟着教程走,我更喜欢在实践中学:每一款游戏都由我独立设计、开发并发布,目前都已在 Roblox 上线,可以免费游玩。

目前学到的

  • ›把 Unity 原型移植到 Roblox,并针对共享服务器、服务端权威的多人环境重新设计
  • ›用 Rojo 组织 Luau 代码,让游戏代码进 Git、在 VS Code 里开发,而不是只靠 Studio
  • ›用 DataStore 持久化玩家存档和排行榜,同时控制在 Roblox 的请求配额之内
  • ›设计长线成长的数值经济,并在上线前用脚本验算每一个数值
  • ›多语言本地化、内购(Developer Products)、徽章,以及 Creator Dashboard 上的完整发布流程

前端开发工程师

LCI Education

工作职责

  • ›为拥有23所院校、覆盖5大洲的国际教育集团开发和维护多语言 Web 应用。
  • ›使用 React、Next.js 和 TypeScript 构建响应式、无障碍的用户界面,与 UX/UI 设计师和后端团队密切协作。
  • ›实现 CMS 内容工作流,保障跨浏览器兼容性与网站性能。
  • ›参与代码审查,贡献共享组件库,推动前端规范建设。
LCI Education — 企业官网

LCI Education — 企业官网

LCI Education 官方多语言网站,LCI Education 是一家拥有23所院校、业务遍及5大洲的国际教育集团。

技术栈:前端开发, JavaScript, TypeScript, 响应式设计, CMS 集成, 国际化

前端开发工程师

长城汽车股份有限公司

工作职责

  • ›使用 React Hooks 框架与团队成员共同构建长城汽车全新国际电商网站,与 UX/UI 设计师和产品经理密切协作,交付响应式、高性能的 Web 体验。
  • ›通过代码审查和内部知识分享,带领 React 团队提升整体技术能力。
  • ›维护和迭代更新现有电商网站。
  • ›在 React Hooks 中构建可复用、稳定的组件库。
  • ›与国外供应商对接,实现相关功能集成。
  • ›为 GWM 内部项目开发命令行工具(GWM-CLI)。
GWM 电商网站 - 泰国

GWM 电商网站 - 泰国

长城汽车泰国官方线上售车平台 — 基于 React 构建的全响应式电商网站。

技术栈:React Hooks, Vue.js, JavaScript, CSS3, HTML5

高级前端开发工程师

上海凯融信息科技有限公司

工作职责

  • ›担任项目经理助理,负责前端团队的日常管理与协调。
  • ›使用 HTML、CSS、jQuery、JSP、Thymeleaf 维护三个电商网站。
  • ›独立主导新版电商平台的全量重构,采用 Vue.js 开发。
  • ›与 UX/UI 设计师和产品经理紧密协作,交付响应快、性能高、易访问的电商网站。
  • ›使用 Three.js 独立设计并开发3D打印机配置器及行李箱涂鸦定制 App。
Import Express - Ecommerce

Import Express - Ecommerce

面向小企业的 B2B 跨境电商平台,涵盖服装、电子、珠宝、运动、家居等品类。

技术栈:JavaScript, jQuery, CSS3, HTML5, JSP, Thymeleaf

Kids Charming - Ecommerce

Kids Charming - Ecommerce

专注儿童品类的中国批发平台,连接国际买家与国内供应商。

技术栈:JavaScript, jQuery, CSS3, HTML5, JSP, Thymeleaf

Pet Store - Ecommerce

Pet Store - Ecommerce

宠物用品中国批发平台,连接国际买家与国内厂商。

技术栈:JavaScript, jQuery, CSS3, HTML5, JSP, Thymeleaf

Magic Box - 儿童3D搭建 App

Magic Box - 儿童3D搭建 App

基于 Three.js 的儿童教育 3D 搭建 App,孩子可以用几何或卡通模型自由组合搭建作品。

技术栈:Three.js, Next.js, React, TypeScript

Luggage Decal Splatter

Luggage Decal Splatter

Three.js 行李箱涂鸦定制 Web App,用户可挑选或上传图片涂鸦于行李,实时调整大小、角度与位置。

技术栈:Three.js, JavaScript, jQuery, CSS3, HTML5

前端开发工程师

源点互动科技有限公司

工作职责

  • ›负责主导微信公众号 H5 裂变营销活动的开发与交付。
  • ›管理开发团队,负责与产品经理和业务伙伴沟通协调。
  • ›使用 HTML5、CSS3、Vue.js、JavaScript、jQuery 和 MySQL 开发移动端响应式 H5 项目。
微信 H5 — 病毒式测试营销

微信 H5 — 病毒式测试营销

微信 H5 裂变营销活动,用户通过填写或选择信息获取个性化测试结果,并通过二维码分享引流。

技术栈:Vue.js, JavaScript, jQuery, CSS3, HTML5