熟悉HTML5/CSS3、JavaScript、TypeScript开发,掌握ES6+新特性,熟悉 浏览器渲染原理和性能优化手段
熟练使用Vue.js全家桶 (Vue3、VueRouter、Pinia/Vuex),并有React及相关生态 (Redux、React Router) 的项目经验
熟悉组件化/模块化开发思想,能够封装高质量可复用组件
熟练使用 Webpack、Vite 等构建工具,能够进行自定义配置和打包优化
掌握vscode插件开发
具备前端工程化实践经验,包括代码规范(ESLint)、CI/CD 流程(GitHub Actions) 等
熟练使用 Axios 进行接口管理,掌握 Nginx 部署和反向代理配置
项目经历
一、BlueWhale商城 主力开发 2025.02 - 2025.04
组件化开发:基于 Vue3 Composition API 设计并封装多个高复用组件(商品卡片、轮播图、分页器、地址选择器等),并通过 flexible + rem 方案完成移动端适配,利用 Storybook 管理组件库,提升团队协作效率与代码一致性。
状态管理:使用 Pinia 管理用户登录态、购物车数据,通过插件实现持久化存储,并配合路由守卫完成权限控制(如未登录用户跳转登录页)。
网络层优化:封装 Axios 实例,统一处理请求拦截、响应错误及 token 无感刷新;针对高频接口添加请求重试和防抖节流机制,降低服务端压力。
性能调优:采用虚拟滚动渲染商品评论等长列表,路由懒加载与图片懒加载结合,降低了首屏加载时间。
二、智能旅行规划与问答助手(RAG 应用) 协作开发 2025.06 - 2025.09
构建旅行知识库:通过 Node.js 爬虫定期抓取游记与攻略,清洗后按段落与标题切分,向量化并存入向量数据库。用户提问时,将问题向量化后召
回相关片段,结合提示词模板交由大模型生成答案,确保回复基于真实旅行信息。由后端完成
溯源与可信展示:对话界面中设计“查看参考攻略”卡片,高亮展示答案所依据的原始游记片段,并支持点击跳转至原文链接或预览截图;同时提供“可信度”标签(如来自官方/个人/近期),增强回答可信度。
流式生成与交互优化:基于 SSE 实现检索内容与生成结果的流式推送,逐字渲染打字机效果。
行程规划特色功能:开发“一键生成行程”模块,用户输入天数、兴趣偏好(如美食/文化/亲子),系统通过多轮检索组合相关景点、餐厅、交通信息,结构化输出每日行程表(含时间安排、预算估算),并支持拖拽调整顺序后保存为 PDF。
三、代码风格一致性自动转换插件 独立开发 2025.12 - 2026.02
项目风格提取:基于 FileScanner 递归扫描工作区,过滤无关目录,支持按语言分组(默认)或项目目录结构双模式展示。提供全选/取消、文件勾选功能,批量提交选中文件至后端 JAR(-e 模式),生成 XML 风格文件并持久化至全局状态。提交成功后自动切换至目录树模式,为所有文件添加诊断,实现风格不一致文件标注。
编辑时分析与修复:后端 JAR 输出诊断信息(位置、不一致类型和描述),前端解析后通过 DiagnosticCollection 管理诊断信息。注册
HoverProvider,鼠标悬停时展示风格不一致详情。实现 CodeActionProvider,快速修复时对错误片段调用后端转换 API(-src -target -so -lang),获取修复后的代码片段,应用替换并更新诊断集合。
批量文件分析与修复:目录树模式下点击被标注的文件,对该文件调用后端 JAR(-src -target -so -lang)执行转换,捕获修改后的代码。生成临时文件,通过 vscode.diff 命令打开 Diff 编辑器,实现“建议修改”与“原始代码”的逐行对比。用户可在 Diff 界面或状态栏一键应用更改,应用后删除临时文件、清除对应诊断并刷新树视图