Skip to content

关于我

avatar

William Xue

全栈开发工程师

📍 中国 | 💼 5年+ 经验 | 🌟 开源贡献者

技能栈

🎨 前端技术

  • 框架: Vue.js (2/3)、React、TypeScript
  • 构建工具: Vite、Webpack、Rollup
  • 样式: CSS3、Sass、Less、Tailwind CSS
  • 移动端: 微信小程序、H5、React Native
  • 桌面端: Electron + Vue3

⚙️ 后端技术

  • Node.js: Express、Koa、Egg.js
  • Golang: Gin 框架、RESTful API
  • Java: Spring Boot、MyBatis Plus
  • 数据库: MongoDB、MySQL
  • 云服务: 微信云开发、Serverless

🦀 系统编程

  • Rust: 命令行工具开发、系统编程
  • 性能优化: 高并发、内存管理
  • 工具开发: CLI 工具、端口检测

🔧 工具链

  • 版本控制: Git、GitHub
  • CI/CD: GitHub Actions
  • 可视化: WebGL、数据可视化
  • 架构: 微前端、微服务

项目经历

🎵 Serverless Music Cloud

全栈音乐平台

*2020.02 - 2022.12*

  • 基于微信小程序云开发构建完整音乐平台生态
  • 前端:Vue.js 管理后台 + 原生小程序用户端
  • 后端:云函数 + 云数据库 + 云存储架构
  • 实现音乐播放、用户管理、数据分析等核心功能

⚡ Mini Vue

源码分析项目

*2018.08 - 2023.02*

  • 深度解析 Vue2.x 核心源码,实现简化版 Vue 框架
  • 实现观察者模式、依赖收集、响应式系统
  • 帮助开发者理解 Vue 内部工作原理和设计思想

🛒 Egg Shop

电商系统

*2020.10 - 2021.01*

  • 后端:Egg.js 提供 RESTful API
  • 前端:Vue.js H5 用户端 + React TypeScript 管理端
  • 实现完整的电商业务流程和权限管理系统

技术特长

🔧 系统工具开发

Port Checker
  • 特点: 快速扫描、用户友好的命令行界面
  • 技术: Rust、CLI、网络编程
  • 优势: 使用 Rust 开发的高性能端口检测工具

🖥️ 桌面应用开发

Electron + Vue3
  • 特点: 现代化界面、高性能、跨平台兼容
  • 技术: Electron、Vue3、Concurrently 打包
  • 应用: 跨平台桌面应用开发

🎮 可视化开发

WebGL Demos
  • 特点: 3D 渲染、数据可视化、交互体验
  • 技术: WebGL、Three.js、Canvas
  • 内容: 视频可视化代码收集和实现

🌐 全栈架构

Gin APINext.js Serverless
  • 后端: Golang 后端 API 开发
  • 前端: 现代化全栈应用
  • 特点: 高性能、可扩展、云原生

开源贡献

GitHub: @william-xue
36+ 个开源仓库 | 持续贡献

🎵 Serverless 音乐云平台

VueKoa云开发
  • 项目: serverless_music_cloud
  • 技术栈: 微信小程序 + 云开发
  • 功能: 音乐播放、用户管理、数据分析

🌟 Varlet UI 组件库

Vue3Material Design
  • 项目: Varlet - Vue3 组件库
  • 贡献: 深度参与开发,提供60+高质量组件
  • 特色: 支持移动端和桌面端、国际化、暗色模式

🔧 Port Checker 工具

RustCLI
  • 项目: port-checker crate
  • 功能: 高性能端口检测和网络诊断工具
  • 技术: Rust、Clap、Tokio、跨平台支持

📦 fe-fast 工具包

NPM前端工具
  • 项目: fe-fast npm packages
  • 内容: 前端快速开发工具包和组件库
  • 特点: 提升开发效率、模块化设计、易于集成

🔍 miniVue 源码分析

Vue2源码分析
  • 项目: miniVue
  • 内容: 深度解析 Vue2.x 源码实现
  • 特点: 观察者模式、依赖收集和响应式原理

🖥️ Electron 桌面应用

ElectronVue3
  • 项目: electron-vite-vue3
  • 技术: Electron + Vue3 + Vite
  • 特点: 跨平台桌面应用开发模板

🎮 WebGL 可视化集合

WebGL可视化
  • 项目: webgl-demos
  • 内容: WebGL 可视化代码示例
  • 特点: 3D图形渲染、动画效果和交互设计

🛒 全栈电商平台

Egg.jsVueReact
  • 项目: egg-shop
  • 技术: 前后端分离架构
  • 特点: Vue H5 用户端 + React 管理端

🚀 Next.js Serverless

Next.jsServerless
  • 项目: next-serverless
  • 技术: Next.js + React
  • 特点: 现代化全栈开发模式

技术理念

🚀 追求极致

"代码改变世界,技术创造未来"

关注代码质量和性能优化,追求技术的极致表现

🔧 工具思维

善于开发提升效率的工具,用技术解决实际问题

🌱 持续学习

保持对新技术的好奇心,不断探索和实践

🤝 开源精神

乐于分享和回馈社区,与开发者共同成长

联系方式

🤝 让我们一起交流

"欢迎与我交流技术问题,一起探讨前沿技术!"


"热爱技术,享受编程,用代码创造价值"


"代码改变世界,技术创造未来"

基于 VitePress 构建