项目技术：Vite / Vue3 / TypeScript / Vue Router / Tailwind / animate.css
等
主要职责：
（1）参与 UI 视觉评审，搭建页面基本布局结构和前端路由。
（2）开发首页和侧边导航栏，设计并实现过渡动画；使用 clip-path 搭配 svg
实现元素平滑形变。
项目技术：Vite / Vue3 / TypeScript / Vue Router / Pinia / Tailwind /
Naive UI / ECharts / vue-draggable 等
主要职责：
（1）参与需求评审和 UI 评审；设计前端路由，开发 node 脚本，根据路由 JSON
结构一次性生成 pages 目录；
（2）封装列表页
hook，提升开发效率；封装项目公共业务组件并编写使用文档。
（3）开发培训管理模块，实现班级学员的创建、批量导入，分组（手动、随机）、宿舍分配，支持拖拽操作；集成高德地图实现授课、签到地点的选择、回显。
（4）开发评价问卷模块，封装单选、多选、填空三类组件，实现表单动态创建，支持拖拽操作。
项目技术：Vite / Vue3 / TypeScript / Vue Router / Tailwind / animate.css
等
主要职责：
（1）封装 fullpage 组件，监听 wheel 事件，实现全屏滚动；绑定当前页和
location.hash，解决页面刷新状态丢失问题。
（2）严格按照设计稿还原首页各个区域；使用 animate.css 和 Tailwind
快速实现元素进场动画。
（3）集成 vite-plugin-imagemin 插件，在构建过程优化图片体积；使用
data-src 实现图片懒加载，提升网页性能。
主要成果：视觉效果获得领导、用户的认可；该项目成为模板项目，减少后续企业门户网站的开发成本。
项目技术：Vue2 / Vue Router / Vuex / ECharts / Tailwind 等
主要职责：
（1）搭建页面基本布局，设计前端路由结构，开发学员展示、数据看板、积分权重等模块。
（2）在 ECharts 基础上，抽离可复用的配置，二次封装图表组件。
（3）开发问卷统计模块，抽象题目的 JSON
模型，实现问卷表单的配置、预览，答题。
（4）使用 docx-template 实现纯前端的统计报告导出功能。
对前端社区和前沿技术有较高的兴趣和关注度，秉持“活到老，学到老”的原则，不断学习提升自己。
处女座，强迫症患者，追求细节和完美。