我琢磨这个稻荷官方网站，主要就是想试试那套极简的代码结构，看看能不能用最少的资源跑出最快的效果。那些大厂动不动就上微服务、分布式，搞得代码跟迷宫一样，我觉得根本没必要。这回我就是奔着“干净利落”去的。
我为什么要动手写这个“稻荷”项目？
要不是那阵子被公司架空，我根本没时间去抠这种细节。去年底，我那个带了三年的核心项目突然换了负责人。新来的小子，屁都不懂，天天就知道开会。我辛辛苦苦搭的架构，他一眼看不上，非要说我这个“太老”，要换成什么“微前端”。我就知道这人不对劲了。
他也没直接赶我走，就是把我手头的活全停了，让我“研究新技术”。说是研究，就是让我闲着，等着自己受不了走人。我当时心里窝火，家里房贷还压着，总不能真辞职。白天我就在公司装作研究，刷刷文档，晚上回家我就闷头搞自己的东西。
这个“稻荷官方网站”就是那段时间搞出来的。我就是为了证明，一个好的，内容展示型的网站，跟那些花里胡哨的“微前端”没半毛钱关系，结构简单稳定才是王道。我就是要搞一个反例出来，气死那帮只知道堆砌技术的家伙。
从零开始的实践记录
我一开始是想用Svelte来搭的，够轻量。但我以前的老底子是Vue，还是绕回去了，抓了个Vue 3。不过这回没用那些重量级的脚手架，我选择了最笨的办法，手敲组件，能少依赖就少依赖。
第一步：确定架构思路
- 技术选型：Vue 3 + Vite（图个快）。
- 数据流：彻底放弃后端数据库。稻荷的内容太固定了，我就把所有页面需要的文本和图片路径，直接写进了一个本地JSON文件里。
- 样式：坚决不用任何UI框架。纯手写CSS，用Grid和Flexbox实现布局。
第二步：页面结构与色彩确认
我先是把页面结构给捋清楚了。核心就三个部分：主殿介绍、祭典日程、还有个概念性质的捐款通道。页面层级特别浅，最多两层就能点到底。
最花时间的是色彩。稻荷那个主题色，红黑白，看起来简单粗暴，但那个“红”很有讲究。我找了好几张高清照片，抠了半天色值，必须是那种厚重的朱砂红，带点历史沉淀感，不能太艳俗，定了一个偏暗的#A83232，用来做主背景和牌坊的强调色。
第三步：组件的极简处理
所有的交互都得是秒级响应。我甚至连路由都简化了，大部分内容展示是通过父组件控制子组件的显示隐藏来实现的，而不是传统的多级嵌套路由。我把动词都用到了极致：
- 加载内容：读取本地JSON，一次性完成。
- 页面切换：直接修改状态，实现组件快速切换。
- 图片优化：所有图片都进行了无损压缩，并设置了懒加载属性。
最终实现：
搞完之后，我自己跑起来一看，打开速度快得飞起，比我以前做的任何一个项目都要快。我当时就想，要是我那个新领导看到，估计得气死，他那套复杂的微前端架构，光是加载框架和依赖，就得等三秒。这才是真优化，是实打实的性能提升，不是嘴上跑火车。
这套东西，现在就静静躺在我的个人服务器上跑着，虽然只是个概念站，但里面每一行代码，都是我那段被架空的日子的证明。我就是靠着这个，才没在那段时间里精神崩溃，反而把自己的技术又磨利了一层。