Rokcso's Blog

回归基础网页开发的快乐

🔄 English

刚刚用最基础的网页制作技术重写了 Lunarye™ Studio 的落地页,没有使用任何现代框架或工具库,只使用 HTML 和 CSS,添加了少量(可以省略)的 Vanilla.js 代码。这次尝试最初只是出于好奇,想试试在 2025 年完全回归基础开发会是什么体验,结果却收获了意想不到的满足感。

重写之后的 Lunarye™ Studio 落地页
重写之后的 Lunarye™ Studio 落地页

整个开发过程异常简单直接,新建一个 index.html 文件,用记事本就能开始编写。所有结构都用基本的 <div><p> 等标签搭建,样式表里写的是最原始的 CSS 属性。这种「裸写」代码的模式,让每个功能的实现都清晰透明。

没有组件库的约束,没有编译步骤,没有等待,每次修改后保存文件,浏览器里刷新就能立刻看到效果。这种即时反馈的流畅感,让我想起初学网页制作时的纯粹体验。

过程中最明显的感受是控制权的回归,每个像素的位置都由自己亲手控制,不需要和框架的预设规则博弈。当需要调整某个元素的边距时,直接修改 CSS 里的 margin 值就行,不用去查文档看某个 Tailwind 类名对应什么数值,也不用担心覆盖了组件库的默认样式,不必研究框架的抽象规则。这种完全掌控的体验,让设计意图能毫无损耗地转化为实际效果。

开发效率也超出预期,原本以为手动编写所有代码会很慢,实际上由于不需要处理依赖安装、版本冲突或构建配置,反而节省了大量时间。遇到问题时,解决方案总是直接了当 —— 检查 HTML 结构、调整 CSS 属性,或优化几行 JavaScript 函数。浏览器自带的开发者工具提供了所有必要的调试功能,完全满足需求。

性能也是立竿见影,最终的网站文件极小(20+ KB),加载速度飞快,没有庞大的框架代码,点击链接后的响应等待时间几乎为零。

看着浏览器直接解析手工编写的 HTML 文件,CSS 规则按预期被渲染,JavaScript 精准执行,这种与浏览器直接对话的体验,如同用最原始的工具打造精致的木作,每个细节都由内而外都带着手工的质感。

当需求足够明确且不复杂时,这种最原始的工具或许真的可以成为一个更高效、更快乐的选择。

#writing