隆重推出我的全新个人网站，一个未使用框架构建的静态单页应用🚀

经过几个月的精心设计和反复推敲，我终于可以兴奋（也如释重负）地向全世界展示我的宝贝了😁

这比看起来要困难得多，甚至比预想的还要难。我没有选择使用像Hugo或Gatsby这样美观的静态网站生成器，而是挑战自己，自己动手……

✅静态页面生成，实现快速页面加载

✅为单页应用 (SPA) 体验提供客户端路由

✅渐进增强功能，即使禁用 JavaScript，整个网站仍然可以正常运行。

✅页面过渡效果更佳

……所有这些都无需框架或组件库。

我仍然借助了一些库，比如SCSS和Pug 模板，来简化我的开发工作。但归根结底，它仍然只是一堆原生 JavaScript 代码、一个构建脚本，以及一些可能不太好的实践勉强维持着它的运转。

所以你为什么要白费力气重新发明轮子呢？

说实话，我厌倦了站在巨人的肩膀上构建功能丰富、高度优化的网站。你很容易迷失在你最喜欢的框架的文档里，以至于忘记了真正将所有功能连接起来的基本原理。而且，自己解决所有这些问题也很棒，因为现在我不用一年后再去查看别人的框架，看看有哪些重大变更需要修复了！

我当时也天真地想过“这能有多难？”，而且这个想法挥之不去。答案是：极其困难。除非你时间充裕，而且足够疯狂，否则千万别在家尝试😬

毋庸置疑，这次经历让我对所有这些概念的运作原理有了更深入的了解，绝对是一次难得的学习体验。现在，我准备与大家分享我的所有心得体会。我刚刚发布了这次实验的第一个主要收获，您可以在下方找到。更多内容敬请期待！