这是我跟自己较劲的证明
我这几天琢磨着想整个大活，搞一个像模像样的游戏官网，就冲着那个叫《欲望之城》的架空游戏去的。一开始我是想着能不能用那个什么Vue还是React来搞，听着挺高级，毕竟现在外面都用这些玩意儿。可我一打开那个代码编辑器就懵了，那些模板、组件、依赖，绕得我头疼，根本不是我这种半路出家野路子能玩的。
我记得上回跟老张吹牛，说我闭着眼睛也能搭个站出来，结果他直接给我泼了盆冷水，说我只会用现成的皮，没本事自己从零摸一个。他那话里话外的意思就是，我只能做做简单的套壳玩意儿，真功夫一点没有。这口气我哪能咽得下？那天晚上我直接开了个小灶，非得把自己这个“欲望之城”的异世界官网给纯手搓出来，就为了打他那张嘴。
我把那些花里胡哨的框架全扔了，决定从最土的办法重新开搞。这个过程真像是在跟自己较劲，从头到尾都是一股子气在撑着。
我的实践过程记录：
-
小编温馨提醒：本站只提供游戏介绍，下载游戏请前往89游戏主站，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
搞设计稿：我先是把那个官网的调性给定了。既然是“欲望之城”，那肯定得暗黑加蒸汽波，那种腐蚀又迷幻的感觉。我在草稿纸上鬼画符一样地画了一通，确定了导航栏、主视觉、内容区的摆位。非常糙，但够用。
-
硬敲代码：接着就是用最基础的HTML和CSS硬怼。我没有用任何预处理器或者库，就想看看自己到底能弄出个写那导航栏的时候，那个居中对齐我弄了足足俩小时，怎么弄都不对，页面跑起来老是偏。差点想砸电脑放弃。后来发现，嗨，就差一个设置宽度和`margin: 0 auto;`的事儿。真是被自己蠢哭。
-
内容填充与搜图：为了配上“异世界”那股子劲，我花了大把时间在搜图上。我跑到几个免费图库挑了好久，要那种看着像游戏截图，又有点老旧、不高清的图片。游戏的那些世界观、职业介绍，我都是胡乱瞎编了一通，塞到网页里，假装这是个真的游戏。
-
响应式折腾：页面看着差不多了，我赶紧拿手机、平板挨个试了一遍，结果不出意外，那个页面在小屏幕上直接就崩了，版面完全乱了套。我又回头折腾那个响应式布局。什么`@media`、`flex-box`，查了半天文档才算是调顺了。那个过程，真像是在跟一个不懂事的小孩吵架，你必须得耐着性子哄它。
我搞定了。虽然自己回头看，代码架构糙得不行，样式也不怎么精致，但它确实跑起来了，而且在手机和电脑上都能看。最重要的是，它是我一个字一个字码出来的，是纯手搓出来的。我把链接偷偷发给了老张，没说就等着看他反应。
第二天老张给我打电话，结结巴巴夸了我几句。这事儿就算成了。从头到尾，我折腾了三天，每天睡不到五小时，眼眶都是黑的。但这个实践记录，算是给我自己挣了口气，证明我不是只会用现成皮肤的。