由 dawei 选择合适的框架是网站构建的起点，而非终点。React、Vue 和 Svelte 各有侧重：React 生态庞大，适合中大型应用与团队协作；Vue 学习曲线平缓，模板语法直观，适合快速交付；Svelte 编译时优化彻底，运行时轻量，对性能敏感或资源受限的项目尤为友好。选型需回归实际——团队熟悉度、长期维护成本、是否需要服务端渲染（SSR）或静态站点生成（SSG），比“流行度”更关键。
设计应以用户路径为锚点，而非技术炫技。首页加载时间超过3秒，53%的移动用户会离开；导航层级超过三层，用户迷失率显著上升。将核心任务（如搜索、注册、下单）置于首屏可视区域，用清晰的视觉层次和一致的交互反馈降低认知负荷。避免“为动效而动效”，微交互动机必须服务于功能提示，比如按钮按压状态需即时响应，表单错误提示须明确指向问题字段。
响应式不是简单适配屏幕尺寸，而是分层适配用户意图。桌面端强调信息密度与多任务并行，移动端优先保障单手操作与关键路径畅通。采用移动优先（Mobile-First）策略，从最小视口定义基础布局与字体、间距等设计令牌，再逐级增强，而非在桌面样式上强行收缩。图片使用 srcset 与现代格式（WebP/AVIF），字体仅加载所需字重与字符集，避免全量加载。
AI生成的示意图，仅供参考
可访问性（a11y）是设计原则，不是后期补救项。语义化 HTML 标签（、、）是基础，所有交互元素必须支持键盘操作（Tab/Enter/Space），图片配有意义 alt 文本，色彩对比度不低于 4.5:1（文本）或 3:1（大号文字）。这些并非牺牲美观，而是拓宽使用边界——视力障碍者、弱网环境用户、甚至临时分心的普通用户，都将从中受益。
维护性源于约束，而非自由。约定组件命名规范（如 BEM）、统一状态管理粒度（局部状态优先，全局仅限跨模块共享数据）、定期清理废弃 CSS 类与无引用资源。构建流程中集成 Lighthouse 自动审计，将性能、可访问性、SEO 指标纳入 CI 流水线。技术会迭代，但尊重用户、控制复杂度、保持代码诚实的原则历久弥新。