01 前端与 UI

取材来源：予安 yuhan-admin / yuhan-app（Vite 前端工程）

这个区域放网页制作与 UI 设计的知识卡片：HTML 结构、CSS 样式与布局、JavaScript 交互、前端工程（Vite/依赖/构建）、UI 设计规范（间距、配色、字体）……

已有卡片

• 网页三兄弟与单页应用（SPA） — HTML/CSS/JS 分工 + 予安的"空壳" index.html
• 为什么需要 Vite — 翻译+打包+代理，逐行讲 vite.config.js
• 组件化：页面是积木 — .vue 三段式、props、v-model 响应式
• CSS 盒子模型与 flex 布局 — 予安评分格子的真实样式逐行讲