Rewriting my site in vanilla web
a year ago
- #Web Development
- #Vanilla JS
- #Web Components
- 用原生HTML/CSS/JS重写网站，避免框架和静态站点生成器的复杂性
- 使用Web Components封装重复区块，使HTML同时成为创作媒介和发布载体
- 采用语义化HTML和TAC CSS方法论，实现更精简的标记语言和模块化样式（无需过多类名）
- 基于Light DOM实现Web Components以保持简洁，避免复杂的Shadow DOM特性
- 利用AI（大语言模型）自动化转换旧页面和组件至新风格
- 引入客户端JS实现基于视窗可见性的组件懒加载
- 强调实用主义而非纯粹性，必要时允许内联JS和打破封装原则
- 重新设计更紧凑且桌面端友好的首页，计划添加动态元素（如Spotify播放卡片）
- 总结了即时反馈/无框架限制等优势，也承认了代码冗长/频繁复制粘贴等缺点