Skip to content

关于我

你好!我是 Virginia,一名热爱技术与生活的全(全)栈(沾)程序媛 👩‍💻。欢迎来到我的个人博客!

🙋‍♀️ 个人简介

我是一名在互联网外企工作,对技术和外语都有着浓厚兴趣的综合型选手。我实现了从外语人 -> 测试 -> 项目经理 -> 前端开发 -> 全栈的 5 阶段跨越, 目前是更侧重前端多一点的全栈工程师(前端约 65%,后端约 35%)。

技术方面,我从大四(2018)开始接触编程(当时是从 JAVA 入门)。目前专注于前端和后端技术相关的研究与实践,还有一点点对运维的探索。

外语方面,作为八大外语院校之一的毕业生,英语和日语是我的强项,而且直到现在也还在一直不停地继续学习和提升这两门外语技能。外语学习深似海,我还在路上。

💼 工作经历(技术相关)

全栈开发工程师

2023 - 至今

负责多个 Web 应用的前端和后端开发,包括:

  • Vue + Java CRM 系统二次开发
  • Vue + Node.js 企业级管理后台开发
  • 团队技术分享和新人指导
  • 已有项目的前后端重构和维护

前端开发工程师

2021 - 2022

主要负责 Vue 和 React 项目前端部分的开发,包括:

  • React 低代码平台的搭建和开发
  • Vue + UniApp 微信小程序开发
  • 前端工程化和性能优化
  • 已有项目的前端重构和维护

测试工程师

2019

负责测试用例的编写和执行,包括:

  • 功能测试
  • 性能测试
  • 硬件测试(机器人硬件测试)
  • 测试环境搭建和维护
  • 协助开发人员进行问题排查和修复
  • 测试报告的撰写和整理

🛠️ 技术栈

前端技术

  • 语言:JavaScript (ES6+)、TypeScript、HTML5、CSS3
  • 框架:Vue.js、React
  • 工具:Webpack、Vite、ESLint、Prettier
  • UI 库:Element Plus、Ant Design、Tailwind CSS

后端技术

  • 语言:Java、Node.js
  • 框架:Spring、Spring Boot、Spring Security、Koa2.js
  • 数据库:MySQL、MongoDB、Redis

运维入门

  • 容器化:Docker
  • 服务器:Nginx
  • 操作系统:Linux (Ubuntu)
  • 云服务
    • Sealos(一键部署)
    • 阿里云 / AWS(基础认知)

🌟 项目经验(部分)

Vue + Java CRM 系统二次开发(前后端)

Vue + Pinia + Element Plus + Spring Boot + Spring Security + MySQL

实现了 Vue + Java CRM 系统的部分前后端模块的二次开发,包括:

  • 用户管理、角色管理、权限管理等核心模块
  • 客户管理、产品管理等核心模块
  • 报表管理、统计分析等核心模块
技术亮点
  • 使用 eslint + prettier + husky + lint-staged 规范代码风格,提高了代码的可读性和可维护性
  • 使用了防 SQL 注入、XSS 攻击等技术,提高了系统安全性
  • 使用了国际化技术(Vue i18n + Spring MessageSource),支持中英日三语切换
  • 使用 Spring Security 实现 RBAC 权限控制,支持菜单、按钮、数据三重级别的权限管理

企业级 HRM 系统(前后端)

Vue + VueX + Element Plus + Koa2.js + MongoDB

实现了企业级 HRM 系统的部分前后端模块搭建,包括:

  • 用户管理、角色管理、权限管理等核心模块
  • 员工管理、部门管理、职位管理等核心模块
  • 考勤管理、请假管理等核心模块
性能优化
  • 使用 vite 构建,提高了构建速度和热更新速度
  • 使用了懒加载、代码分割等技术,减少了系统加载时间

低代码问卷编辑管理平台(前端)

React + Redux + Ant Design + Koa2.js + mock.js + Next.js

实现了低代码问卷编辑管理平台的部分前端模块搭建,包括问卷编辑、问卷管理、问卷统计、C 端问卷页面渲染等功能

性能优化
  • 使用 Next.js 的静态生成技术,提高了问卷页面的加载速度和 SEO 性能
  • 使用路由懒加载、代码分割等技术,减少了问卷页面的加载时间
  • 使用 React 的 useMemo 和 useCallback 等技术,优化了问卷页面的性能

问卷调查平台微信小程序(前端)

Vue + UniApp + 微信小程序 API + Tailwind CSS

实现了问卷调查平台微信小程序的部分前端模块搭建,包括问卷管理、用户认证/管理、积分兑奖、消息通知等功能

技术亮点
  • 分包加载优化首屏加载速度,结合图片懒加载和 JS 混淆压缩,进一步减少了页面加载时间和文件大小
  • 使用 IndexDB 缓存问卷答题等数据,确保用户答题过程中数据不丢失,提升用户体验
  • 使用轮询机制实现实时通知,确保用户及时获取重要信息,同时避免了长连接对服务器造成的压力

📝 为什么写博客

知识沉淀

在日常开发中,我遇到过各种技术难题和有趣的解决方案。写博客是我整理和沉淀这些经验的方式,也是对自己学习成果的总结。

分享精神

我相信知识的价值在于分享。通过博客,我希望能够帮助到正在学习路上的其他开发者,减少大家踩坑的时间。

持续学习

技术行业变化很快,写博客的过程也是我持续学习的动力。为了写出高质量的文章,我需要不断深入研究技术细节。

交流互动

不管是技术研究还是外语学习,都是一条漫长且孤独的道路。我希望能通过博客,结识更多志同道合的朋友,一起交流学习,共同进步。

🌍 兴趣爱好

外语学习

  • 英语:能够流畅阅读和输出技术文档,参与英文会议,可在全英文环境下工作
  • 日语:能够流畅阅读日文技术文档,可在日文环境下工作(对于自己比较熟悉的业务和领域,可以无障碍参与日文会议;对于不熟悉的业务和领域,可以借助翻译工具进行沟通)

电影/音乐发烧友

  • 电影:喜欢看科幻、文艺、传记等类型的电影,经常关注电影资讯和影评
  • 音乐:喜欢听 Kpop、欧美流行、古典等类型的音乐,经常关注音乐资讯和乐评

📫 联系方式

如果你对我的文章有任何疑问或建议,或者想要进行技术/外语交流,欢迎通过以下方式联系我:

🎯 未来计划

技术方向

  • 继续学习运维相关知识,并更多地尝试在工作/个人项目中应用
  • 深入探索 AI/ML 在 Web 开发中的应用
  • 关注 Web3 和区块链技术发展

博客发展

  • 创作更多的技术/外语/生活分享相关文章,充实博客内容
  • 加入"十年之约",鼓励自己坚持创作下去
  • 制作技术相关视频教程,分享技术学习经验

个人成长

  • 继续提升英语和日语水平
  • 入读美国 UMPI 的 YourPace CS online 项目,为后面申请美国 CS online master 项目做准备
  • 申请美国 CS online master 项目,继续深入学习 CS 相关知识,同时进一步提升学历
  • 继续了解更多与电影相关的知识,增加观影量,在电影发烧友的道路上越走越远

感谢你花时间了解我!如果我的博客对你有帮助,欢迎分享给更多的朋友。让我们一起在技术的道路上不断前进!

Virginia

"Stay curious, keep learning, and never stop growing."

最后更新于:

Released under the MIT License.