项目实践
产品、系统与真实工程判断
整理桌面运维、用户平台、DNS 控制台与 SSR 官网中的真实前端实践，重点不是罗列名词，而是说清做过什么、如何落地。
项目经历
从真实产品里长出来的前端经验
自 2022 年 8 月起从事 Web 前端开发，实际参与桌面工具、用户中心、DNS 控制台与 SSR 产品官网。
- 2022 — 至今
- Web 前端开发经历
- 9
- 代表性产品项目
- Vue 3 + TS
- 主要工程技术栈
重点项目
5 个项目服务器管理
小皮面板 Web 管理端
Vue SPA · Arco Design Vue · Element Plus · xterm.jsxp.cn/panel ↗参与服务器面板管理端页面与通用组件建设，围绕登录、管理表单、状态反馈和 Web 终端等交互优化操作路径；组合 Arco Design Vue 与 Element Plus 承载不同业务组件，并使用 xterm.js 提供浏览器终端能力。公开演示站采用单页应用入口和带内容哈希的前端构建资源。
官网与业务平台
小皮面板产品官网
HTML5 · jQuery 3.7.1 · 响应式布局 · SEOxp.cn ↗参与小皮面板产品展示与转化页面建设，围绕 Linux/Windows 服务器面板、网站环境、数据库、Docker、文件管理、安全防护、应用商店和运行监控组织内容；完善移动端导航、产品下载、Demo 入口和 SEO 元信息，让复杂运维能力更容易被理解和访问。
官网与业务平台
CE8.COM 网络检测平台
Nuxt 3 · Vue 3 · Pinia · Element Plus · SSRce8.com ↗参与网站测速、在线 Ping、TCPing、DNS 查询和路由追踪等工具页面建设，支持 IPv4/IPv6、运营商与云厂商节点筛选、检测历史和实时结果展示；结合 Nuxt 服务端渲染与页面 SEO 元信息，兼顾工具可用性、首屏内容和搜索收录。
查看更多项目其余 4 个项目
其他项目
4 个项目后台管理
DNS.LA 后台管理
Vue 3 · TypeScript · 权限管理内网地址围绕域名与 DNS 业务建设后台页面，处理列表筛选、复杂表单、权限菜单、状态流转和接口错误反馈。
后台管理
小皮用户中心后台管理
Vue 3 · Pinia · 业务组件内网地址面向用户、订单、工单、授权等业务提供管理界面，沉淀分页、弹窗、表单校验和通用状态组件。
工作方法
项目如何被稳定交付
稳定交付不是把页面写完，而是从需求进入项目的第一天就明确目标、状态与边界。先把复杂业务拆成可验证的信息结构和交互流程，再建立组件、数据与接口约定；开发过程中持续处理异常、权限、加载和空状态，最后通过多端检查、性能验证和上线复盘，把一次实现沉淀为下一次可以复用的工程能力。
会拆问题
先把混乱需求拆成信息、状态、交互和边界，再决定怎么写代码。
懂得克制
该动的地方给节奏，不该抢的地方安静下来，让内容自己站住。
交付靠谱
不是只把页面做漂亮，还会把能不能跑、好不好维护、有没有暗坑一起看完。
项目交付
从界面开发到正式上线
工作不只停留在页面还原，也涵盖数据流、组件复用、鉴权、错误处理、性能、响应式与跨平台打包。