今天跟大家扒一扒我这个《恶灵寄生官网》从零到一的整个过程。
为什么要搞这个？
我一开始根本没打算弄什么“官网”或者“大项目”。我就是想找个简单的东西练练手，把之前学的一点点前端皮毛给使出来。那时候，我刚从上一个项目里脱身，心里头憋着一股气，觉得以前那些写代码的方式都太傻逼了，一个简单展示页非要搞得跟航天系统似的。
我们以前公司，搞一个什么宣传页，得先跑一遍Java的框架，配个MySQL，中间件要走Kafka，然后前端还得拉一堆Vue或者React的轮子。一个页面打开能加载两三秒，光跑那些没用的组件和依赖就饱了。我当时就想，老子能不能就用最原始的HTML和CSS，顶多加点原生的JavaScript，给它搓一个贼快的页面出来？
我决定，我的“恶灵寄生”站，就要纯粹、简单，连个数据库都不用，所有内容都写死在页面里。要的就是那种一秒加载、随时可抛弃的简单劲儿。
动手过程：从折腾到放弃
我这个人就是爱折腾。我信心满满，觉得既然是“恶灵”主题，就得来点酷炫的。
小编温馨提醒：本站只提供游戏介绍，下载游戏请前往89游戏主站，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
- 第一步：画皮。 我找了一堆素材，都是那种老旧、CRT显示器的故障风格。颜色定死了，黑底、血红字、再加点墨绿色，就是要那种压抑感。
- 第二步：搞特效。 重点来了，我想让页面的字是“寄生”出来的，要有那种闪烁、抖动的故障效果。我埋头就去用JavaScript硬写那个故障动画。写了三天，代码量比页面内容还多。结果？在我的老电脑上跑起来，字虽然抖了，但整个页面也跟着卡，抖得我眼花。
- 第三步：抓狂了。 我意识到我在重复以前公司的老路——为了一个根本不重要的功能，把整个架子搭得摇摇晃晃。这不就是本末倒置吗？我不是要展示我的技术有多牛逼，我是要展示信息，同时让它有点味道。
我一气之下，把那几百行的JS动画代码全删了。妈的，不要了！
我决定彻底简化。 闪烁和抖动效果，我直接用最简单的CSS动画来实现文字颜色和阴影的切换，让它看起来像是在微弱地电流干扰下跳动。至于页面结构，就是一个大大的标题，几张图，然后是项目简介，没了。我用了不到半天的时间，把整个页面的代码量压缩到了原来的三分之一，但氛围一下子就对了——不是技术上的牛逼，而是感觉上的到位。
我把这个干净利落的文件夹往一个最便宜的海外虚拟主机上一拖，好了，完事儿了。前后加起来，真正有效的工作时间可能就四五天。
实话实说：我为啥突然这么有空？
说到这里，就得提一嘴我为什么能这么沉下心来，就为了这么个小破站折腾来折腾去。
这事儿，说起来有点窝火。我不是突然辞职的，我是被赶出来的。那会儿，我们大组正在搞一个内部的“知识库”项目，用的是一套复杂的微服务架构。我当时就提意见，说知识库这种东西，更新频率低，查阅为主，完全可以搞个静态站，简单、安全、还TMD快。结果？
我们的那个技术总监，一个只会照着PPT念名词的废物，直接把我批了一通，说什么“现代技术架构就得用微服务，不用就是落后！”还把我的意见定义成“阻碍团队合作”，当着所有人的面给我难堪。我这个人火气大，直接就跟他吵起来了，我说你连服务器的CPU负载都看不懂，瞎指挥什么？
结果当天下午，我就被调去了一个边缘得不能再边缘的部门，做一些根本没意义的维护工作。没给我开除，但就是恶心你，让你自己滚蛋。
我被调过去之后，心里堵得慌，但也正好没人管我了。我就利用这些被浪费的、无人监管的空闲时间，偷偷摸摸地搞我自己的“恶灵寄生”站。我要证明，一个简单到极致的架构，在某些场景下，TMD就是比那些所谓的“现代、复杂的”架构强一百倍。
我用四天时间，做完了我觉得完美的展示站，然后直接邮件把辞职信甩了过去。我辞职后，听说那个被总监强行上马的微服务知识库项目，因为架构太复杂，部署一周后就因为各种内存溢出和依赖冲突，彻底崩了。他们花了一个月，几十号人，搞出来的东西，还不如我四天搓出来的一个纯静态页面稳定。那个总监的位置也空出来了，对外一直在招人，待遇翻了一番，但没人敢去接那个烂摊子。
这就是我搞这个《恶灵寄生官网》的全部过程，从一个简单的念头，到被现实打脸，再到反向证明自己的心酸实践记录。