---
URL: "/en-US/resume.html"
LLMS_URL: "/en-US/resume.md"
commentabled: false
recommended: false
---

---
# 开启评论
commentabled: false
# 开启推荐
recommended: false
---

<script lang="ts" setup>
import ShadowLogo from '@vp/components/ShadowLogo.vue'
import MarqueePanel from '@vp/components/MarqueeGroupPanel.vue'

const toolIcons = [
  'logos:centos-icon',
  'logos:docker-icon',
  "logos:docker",
  "logos:kubernetes",
  "logos:letsencrypt",
  "logos:microsoft-windows",
  "logos:rabbitmq",
  "logos:stackoverflow",
  "logos:mono",
  "logos:grafana",
  "logos:gravatar",
  "logos:gradle",
  "logos:postman",
  "logos:jenkins",
  "logos:github-octocat",
  "logos:gitlab",
  "logos:git",
  "logos:github-actions"
]

</script>

<ShadowLogo text="Lance Chang" />
<!-- <text class="resume-title">Customized Brilliant</text> -->

## 💥 brief introduction ##

::: tip 👨🏻‍💻

- Currently working at [East China Cares System Co.LTD](https://hdcares.travelsky.cn/) , served as "Senior Development Manager", smainly provide civil aviation system application service support and project development and management work for airports in Jiangsu Province, such as Wuxi Shuofang Airport, Yangzhou Taizhou International Airport, and Nanjing Lukou International Airport.

- During working for Softtek, served many "World Top 500" companies like Starbucks, Nielsen, Siemens, Abbott, Roche, Hiberlife.

:::

::: stepper East China Cares System Co.LTD

**2019-09 ~ Now**

- List item #1
- List item #2
:::

::: stepper Softtek Wuxi

**2016 ~ 2019**

- Another list item #1
- Another list item #2
:::


:::: stepper Educations

**CQWU

- Bachelor Degree #1
- List item #2

::: stepper Rewards & Certificates

- Bachelor Degree #1
- 软件设计师 #2
- CET 6

:::
::::


## 🥇 Recent Works ##

- [基于iFrame的微前端框架](/zh-CN/gallery/web_app.md)
- [无锡硕放机场-新生产统计系统](/zh-CN/gallery/maui.md)
- [无锡硕放机场-随身行李限额自助查询](/zh-CN/gallery/baggage_measurer.md)
- [无锡硕放机场-阳光服务平台](/zh-CN/gallery/sunny-land.md)
- [华东凯亚江苏分公司-持续开发交付平台](/pdfs/持续开发交付平台.pdf)
- [敏捷开发-入门](/pdfs/敏捷开发-入门.pdf)
- [敏捷开发-实战](/pdfs/敏捷开发-实战.pdf)
- [AgileConfig](/pdfs/AgileConfig.pdf)
- 扬泰机场智慧出行小程序

## 💯 Skill Tags ##

略知一二，不及万一。

扩展宽度，挖掘深度，延续长度。

### 🧮 工具 ###

<MarqueePanel :icons="toolIcons" :lines="3" />

### 🌸 后端 ###

<div class="flex flex-wrap gap-2">

<m-icon icon="logos:bash" :width="96" :height="96" />
<m-icon icon="logos:bing" :width="96" :height="96" />
<m-icon icon="logos:c-sharp" :width="96" :height="96" />
<m-icon icon="logos:codeigniter-icon" :width="96" :height="96" />
<m-icon icon="logos:editorconfig" :width="96" :height="96" />
<m-icon icon="logos:kotlin" :width="96" :height="96" />
<m-icon icon="logos:markdown" :width="96" :height="96" />
<m-icon icon="logos:lua" :width="96" :height="96" />
<m-icon icon="logos:mariadb" :width="96" :height="96" />
<m-icon icon="logos:microsoft" :width="96" :height="96" />
<m-icon icon="logos:microsoft-onedrive" :width="96" :height="96" />
<m-icon icon="logos:mongodb" :width="96" :height="96" />
<m-icon icon="logos:mysql" :width="96" :height="96" />
<m-icon icon="logos:nginx" :width="96" :height="96" />
<m-icon icon="logos:nodejs" :width="96" :height="96" />
<m-icon icon="logos:npm" :width="96" :height="96" />
<m-icon icon="logos:oracle" :width="96" :height="96" />
<m-icon icon="logos:python" :width="96" :height="96" />
<m-icon icon="logos:redis" :width="96" :height="96" />
<m-icon icon="logos:sqlite" :width="96" :height="96" />
<m-icon icon="logos:visual-studio" :width="96" :height="96" />
<m-icon icon="logos:visual-studio-code" :width="96" :height="96" />

</div>

### 🌸 前端 ###

<div class="flex flex-wrap gap-2">

<m-icon icon="logos:ant-design" :width="96" :height="96" />
<m-icon icon="logos:angular-icon" :width="96" :height="96" />
<m-icon icon="logos:axios" :width="96" :height="96" />
<m-icon icon="logos:babel" :width="96" :height="96" />
<m-icon icon="logos:bootstrap" :width="96" :height="96" />
<m-icon icon="logos:chrome" :width="96" :height="96" />
<m-icon icon="logos:css-3" :width="96" :height="96" />
<m-icon icon="logos:dojo-toolkit" :width="96" :height="96" />
<m-icon icon="logos:element" :width="96" :height="96" />
<m-icon icon="logos:electron" :width="96" :height="96" />
<m-icon icon="logos:flutter" :width="96" :height="96" />
<m-icon icon="logos:html-5" :width="96" :height="96" />
<m-icon icon="logos:mdn" :width="96" :height="96" />
<m-icon icon="logos:hugo" :width="96" :height="96" />
<m-icon icon="logos:ionic" :width="96" :height="96" />
<m-icon icon="logos:jquery" :width="96" :height="96" />
<m-icon icon="logos:jquery-mobile" :width="96" :height="96" />
<m-icon icon="logos:less" :width="96" :height="96" />
<m-icon icon="logos:pinia" :width="96" :height="96" />
<m-icon icon="logos:react" :width="96" :height="96" />
<m-icon icon="logos:tailwindcss" :width="96" :height="96" />
<m-icon icon="logos:tsnode" :width="96" :height="96" />
<m-icon icon="logos:typescript" :width="96" :height="96" />
<m-icon icon="logos:vitejs" :width="96" :height="96" />
<m-icon icon="logos:vue" :width="96" :height="96" />

</div>