KISS Architecture 实战 — 三范式继承 + 四约束验证
KISS 架构是唯一全链路 Web Standards 的 Jamstack 实现:
最小化 KISS 应用。展示 SSG + DSD 输出,内容在 JS 加载前可见。 使用 @kissjs/ui 组件。
deno run -A npm:vite build
# 输出: dist/index.html (含 DSD)静态博客示例。主题切换是唯一 Island,使用 localStorage 持久化。 导航高亮用 aria-current + CSS(L0+L1),零 JS。
全栈示例。静态前端 + Serverless API Routes。 展示 KISS 架构的完整四约束:静态文件部署到 CDN,API 部署到 Serverless。
# 部署架构
dist/ → CDN / GitHub Pages
api/ → Deno Deploy / CF Workers每个示例必须通过 K·I·S·S 四约束审查:
K — 内容需要运行时获取? → 应在构建时预渲染 (SSG + DSD)
I — 新增了全局 JS? → 必须封装为 Island (Shadow DOM)
S — Island 禁用 JS 可用? → 必须有语义 HTML 基线
S — 引入了服务端进程? → 只允许静态文件 + Serverless API