TECHNICAL PROFILE / 技术履历

itinglight.

硬件工程师 / Web 全栈开发背景

拥有 Web 全栈开发背景,当前专注硬件工程与 AI 硬件探索。 技术积累覆盖前端交互、Java 服务端、数据存储与部署工具; 硬件方向围绕 ESP32、Raspberry Pi、智能家居与三维造物展开。

01 / FULL STACK开发背景

Web 全栈开发

从用户界面到后端服务,用系统视角理解功能实现。

界面与交互
Vue 3、TypeScript、React,覆盖 Web 与跨平台开发。
服务与数据
Java / Spring Boot、MySQL、Redis,以及接口调试工具。
运行与协作
Linux、Docker、Git;通过技术手记整理配置与使用经验。
了解软件背景 ↗
02 / HARDWARE & IOT当前方向

硬件与智能系统

以开发板与智能系统为起点,连接软件、设备和真实交互。

开发板生态
Arduino、ESP8266 / ESP32、Raspberry Pi。
系统与原型
Home Assistant、Homebridge;三维建模与 3D 打印。
实践环境
配备开发板、万用表、焊台与可调直流电源的个人工作台。
了解硬件方向 ↗

WORK & NOTES / 公开实践

作品与技术记录

01 / WEB · 本站

个人网站与技术内容系统

用 Astro 组织技术履历与博客,通过 Markdown / MDX 管理内容,提供文章路由、RSS 订阅、技能筛选与可打印履历。

可查看

页面组织、组件复用、响应式界面与内容呈现。

浏览内容系统 ↗

02 / ENGINEERING · 手记

开发与环境配置记录

围绕 Vue、TypeScript、Docker 和 Nginx 整理学习笔记,把环境配置、常用命令和使用步骤保留下来。

可查看

技术学习的过程,以及可回查的操作记录。

阅读 Docker 配置手记 ↗

03 / HARDWARE · 探索

个人硬件工作台

围绕 ESP32、Raspberry Pi 与智能家居开展探索,结合建模、打印及电子 DIY,拓展软件之外的实践空间。

可查看

开发与测量工具、个人设备和当前探索方向。

查看工作台与工具 ↗
01 SYSTEMS THINKING

从完整系统思考 ↗

把界面、服务、数据与设备放在一起理解。全栈开发的积累,让我在探索硬件时,也关注用户如何操作、数据如何流转。

技术背景:Web 前后端 · 数据库 · 智能系统
02 HANDS-ON LEARNING

用动手实践学习 ↗

从 Web 开发延伸到开发板、智能家居与三维打印,把新知识放进具体的实践场景,逐步拓展软硬件之间的连接。

探索方向:ESP32 · Raspberry Pi · 3D 打印
03 DOCUMENT & SHARE

把过程记录清楚 ↗

用技术手记整理开发环境、框架使用与排查步骤。让学习过程可以回看,也让交流有具体的代码、配置和记录可参考。

公开记录:Vue · TypeScript · Docker · Nginx

CAPABILITIES / 技术积累

从软件,到硬件。

01 / HARDWARE & IOT ↗

硬件与智能系统

当前专注硬件工程与 AI 硬件,连接代码、电路与真实交互。

硬件开发
Arduino · Raspberry Pi · ESP8266 · ESP32
智能系统
NAS · 软路由 · 黑苹果 · Home Assistant · Homebridge
三维与造物
SolidWorks · Autodesk Fusion · Blender · 3D 打印
02 / FRONTEND & EXPERIENCE ↗

Web 前端与交互

从基础语言到应用框架,积累完整的前端开发工具链。

语言与基础
HTML5 · CSS3 · ES6 · TypeScript · Axios
Vue 生态
Vue 3 · Pinia · Vuex · Vue Router · Vite · Nuxt 3
React
React
样式系统
UnoCSS · Tailwind CSS · Sass · Less
界面与可视化
Vant 4 · Element Plus · ECharts
文档与内容
Astro · VitePress
03 / BACKEND & DATA ↗

后端与数据

把界面背后的服务、数据与业务逻辑连接起来。

Java 生态
Java · Spring · Spring Boot · Spring Cloud · MyBatis · MyBatis-Plus
数据库
MySQL · Redis · MongoDB · SQLite
接口与调试
Postman · Apifox · Swagger · Charles · Mock.js
04 / CROSS-PLATFORM ↗

移动端与跨平台

在浏览器、手机与桌面之间,拓展产品的触达方式。

跨平台
React Native · Flutter · uni-app
桌面开发
Tauri
小程序
微信小程序开发
Apple 生态
Swift · SwiftUI · SwiftData
05 / SYSTEMS & WORKFLOW ↗

系统与工程工具

关注开发之外的运行环境、协作和部署。

系统
macOS · Linux · Windows
Linux 发行版
Ubuntu · Kali · CentOS
终端工具
Vim · Tmux · Ranger · Htop · Neofetch · Onefetch · PM2
容器与部署
Docker · Kubernetes(K8s)· Vercel
版本控制
Git · SourceTree
包管理
npm · Yarn · pnpm · Homebrew · Winget
06 / DESIGN & CREATIVE TOOLS ↗

设计、影像与 AI 工具

从工程实现延伸到视觉表达,借助新工具持续学习与创造。

视觉设计
Photoshop · Figma
摄影后期
Capture One 23 · Adobe Lightroom Classic
AI 辅助
ChatGPT · Claude · GitHub Copilot
思考与整理
Xmind

INTERESTS / 兴趣与实践

电子 DIY摄影航拍旅行编程设计户外露营

用摄影、航拍与旅行观察世界,用电子 DIY、三维建模与 3D 打印实践想法。

查看常用工具与完整设备 ↗