2017年从广西大学的电子商务专业毕业后就职前端开发。在2017年7月至2023年8月期间，我先后在3家公司担任前端开发工程师，在其中参与公司各种项目的新功能开发、原有功能的调整和维护工作。类型包括网站、大屏、管理系统、小程序以及微信公众号的前端开发。技术栈包括Vue、React、jQuery、uni-app、微信原生小程序等。
在工作中，我能熟练使用Vue、React、uni-app等相关技术栈完成网页以及小程序的开发，满足设计稿的高保真还原、业务功能的实现、框架搭建及代码可维护性等要求。
2023年8月从公司离职后，我开始从事自由职业，内容包括全栈开发小程序应用、可视化网页、前端问题处理等。
工作技能
熟练掌握前端框架，熟悉后端、数据库、运维以及开发相关的工具。
前端（熟练）
高保真还原设计稿、业务功能实现及前后端对接调试。
HTML5
CSS3
JavaScript
TypeScript
Vue
React
uni-app
微信原生小程序
D3.js
ECharts
Next.js
Tailwind CSS
Sass
GSAP
Openlayers
Element
后端（熟悉）
使用Python（FastAPI）开发后端接口及应用。
Python
FastAPI
SQLAlchemy & Alembic
Jinja
数据库（熟悉）
了解MySQL的基础操作、根据业务实体和关系构建数据库表。
MySQL
Redis
开发运维（熟悉）
使用Git和SVN托管代码，使用Docker和Docker Compose在Linux Ubuntu云服务器部署应用。
Git
SVN
GitHub
Docker & Docker Compose
Linux/Ubuntu
Nginx
工具（熟悉）
掌握设计与开发工具的使用。
Photoshop
Figma
VS Code
Terminal
NPM
PyCharm
AnaConda
Postman
基础能力（熟悉）
掌握Web开发相关的概念，英语读写流利。
响应式设计
组件化开发
计算机网络、HTTP、TCP/IP
浏览器性能优化
英语六级、BEC中级
项目作品
以下是一些由个人独立开发完成的项目。
Dodid日程(个人 - 全栈)
一个旨在帮助用户高效地进行日程和习惯管理的小程序，可以通过AI添加和编辑事项、可以通过可视化的方式查看日程及习惯打卡的信息、可以将日程以及打卡记录通过Excel或图片的形式导出。
技术栈：
微信原生小程序
TypeScript
Sass
Python
FastAPI
SQLAlchemy & Alembic
MySQL
Redis
Docker & Docker Compose
Nginx
Linux/Ubuntu
D3.js可视化(个人 - 前端)
D3.js是个人在制作图表时的首选工具，它在个人和工作的项目中高频使用。这是其中一个可视化作品，通过结合rough.js呈现出手绘效果，结合React Three Fiber和Three.js加载3D模型为页面添加动感，结合GSAP添加交互动画。
技术栈：
React
TypeScript
Tailwind CSS
Next.js
D3.js
Rough.js
GSAP
React Three Fiber
Three.js
画作赏析小程序(个人 - 全栈)
一个包含海量画作供用户线上赏析和下载的小程序，应用的界面UI为了方便赏析设计，提供中英双语切换、搜索等功能。同时整合了完整的用户注册、邮箱认证、密码修改等流程功能。
技术栈：
微信原生小程序
TypeScript
Sass
Python
FastAPI
SQLAlchemy & Alembic
MySQL
Redis
Docker & Docker Compose
Nginx
Linux/Ubuntu
工作经历
2017年7月至2023年8月任职前端开发，开发网站、后台管理系统、微信小程序、公众号等。
广西旅发科技有限公司
2021年11月 - 2023年7月
前端工程师岗位任职，工作内容包括新老项目的小程序端的开发和维护，配合运营开发小程序和PC端的专题网页，开发可视化大屏。 主要工作包括： “一键游广西”小程序限时抢购模块、运营专题活动、年卡核销端、景区地市小程序、问题处理等； “广旅乐享”小程序二期功能新增调整、运营专题活动、购物车模块、国企数字化接入等； “畅游满洲里”小程序多语言界面开发； “广西现代特色农业示范区”小程序V1.0版本框架搭建、部分界面设计和开发等。
工作要点:
- •开发“广旅乐享”小程序的购物车模块，设计并实现了基于Vuex的购物车全局状态管理架构，通过专门的数据结构支撑复杂的电商营销场景，确保从购物车到下单全流程的数据一致性与用户体验流畅性。
- •负责“畅游满洲里”小程序的页面和组件开发，实现兼容中文、蒙文及俄文的多语言配置及布局。
- •配合“一键游广西”和“广旅乐享”的运营工作，开发在小程序和PC端可复用的、高保真的界面组件，实现小程序用户在PC端通过微信授权登录的流程。
- •负责“广西现代特色农业示范区”小程序的v1.0版本的开发，实现路由拦截、状态管理、用户授权等基础框架模块，对接营销平台、旅游平台等第三方API接口，实现多角色权限管理体系。
技术栈:
Vue
uni-app
ECharts
Sass
Element
广西卡西亚科技有限公司
2020年7月 - 2021年4月
前端工程师岗位任职，工作内容包括项目的网站网页、可视化大屏和后端管理系统的开发。 主要工作包括： “数农服务平台”的二期PC端开发，使用Openlayers实现地块、轨迹、标注、设备等的勾画和显示功能，实现多种地图数据源的接入和展示等； “智农管理系统”的开发，使用ECharts开发可视化图表，实现各类组件和功能的开发； “优而敏建材电商平台”升级改造项目的开发，进行页面更改、业务功能调整和扩展等改造，实现平台升级焕新； “物流时空监控平台”的轨迹回放、智慧工厂和供应链大屏等可视化网页的开发，接入ECharts、D3.js和地图API接口完成复杂的可视化交互效果。
工作要点:
- •根据设计图和技术方案，制作响应式页面、实现交互功能和接口对接，高保真还原设计图并保证网站兼容性。
- •使用Openlayers、地图API、D3.js和ECharts等实现gis应用中的多种交互和可视化功能。
- •将后台管理系统中列表页的常用的业务功能（增删查改等）封装成业务可复用类作为Mixin，使列表页一致并且减少代码量。
- •封装OpenLayers的常用方法，并根据UI设计图将地图卡片、可视化图表等封装成公共组件，降低代码重复率。
技术栈:
Vue
JQuery
Openlayers
ECharts
D3.js
Sass
Less
Element
微信原生小程序
广西深睿科技有限公司
2017年7月 - 2020年4月
前端工程师岗位任职，工作内容包括项目的网站网页、可视化大屏、微信公众号、微信小程序和后端管理系统的开发。 主要工作包括： “智慧校管”平台的小程序、微信公众号和移动和教育客户端h5网页的前端页面和功能实现等； “柳州军用供应站信息集成”、“广西公交一卡通”和“广西公安管理系统”等项目的后台管理系统的页面的开发工作，保证功能完整、界面美观； “广西槠珑车贷”微信公众号管理项目的后台管理系统的开发工作，项目基于jQuery 和 EasyUI进行开发，使用 InsdepUI框架扩展美化原有的EasyUI组件，提升用户体验；
工作要点:
- •根据设计图和技术方案，撰写项目接口文档，制作页面、实现功能和接口对接联调。
- •开发可复用的表单、弹窗、图片预览、上传等通用组件，处理各表单中的录入、校验、初始化赋值和逻辑联动。
- •使用TinyMEC实现了带本地视频上传功能的项目通用的Vue富文本编辑器组件，总结出博客。
- •通过各种工具、技术和交流反馈，配合项目经理和产品经理开发及调整界面和功能，丰富用户的使用体验。
技术栈:
Vue
JQuery
微信原生小程序
ECharts
Sass
Less
Element
iView
学历
2013年9月至2017年6月，在广西大学电子商务专业就读本科，工科学士学位毕业。
广西大学
2013 - 2017
电子商务专业。主修HTML/C/Java/数据库/计算机网络等课程。
hanxyan12@gmail.com
感谢您花时间浏览我的网站。
如果您有合作意向，欢迎通过邮箱与我联系。
桂公网安备45010002450836号