昨天突然想整个网站玩玩，寻思做个前端展示页面应该不难？结果从下午两点折腾到凌晨三点，脑袋瓜子嗡嗡的。

开局一台电脑

先找了个破本子开机，桌面文件堆得跟垃圾场似的。顺手清空浏览器缓存的时候，突然琢磨：这网站总得有个名头？干脆拿我家猫当主题——蠢猫表情包大全，反正手机里全是这货的丑照。

新建文件夹的仪式感

郑重其事建了个文件夹叫“史诗级项目”，结果里面就仨文件：
丑猫.html（哆哆嗦嗦敲了）
掉毛.css（开头就写了body{背景色：黄不拉几}）
猫叫.js（憋半天只写了句alert('喵')）

照片墙翻车实录

想着把手机里五十多张猫片摆整齐，结果直接掉进CSS大坑：

• 刚开始用float排照片，第三张突然窜到底下蹲着
• 换成flex布局，所有照片挤成俄罗斯方块
• 一咬牙上grid，这回直接叠罗汉了

气急败坏写了overflow:scroll，直接给页面加了根横向拖拽条。得，让用户自己扒拉着看！

动态特效惨案

半夜十二点突发奇想：“鼠标碰到猫头就该转圈！”

翻教程抄了个旋转代码，测试时手一抖把360deg写成36000deg。好家伙，猫头在屏幕上跟直升机螺旋桨似的，吓得我赶紧按了电源键。

邻居电脑的审判

大清早堵住遛狗的对门大哥：“快看看我家猫站！”。他手机加载了半分钟，幽幽来了句：“兄弟，你这网页比我家狗走路还慢。”低头发现50张高清大图没压缩，每张都5M起步……

来自甲方的暴击

正改着图片尺寸，朋友视频电话甩过来：“你搞的这玩意儿，我爷都能做！”说完镜头一转，九十岁老头在玩蜘蛛纸牌。

的倔强

把50张图删到剩5张，旋转特效改成鼠标放上去变个色。刷新页面那刻，看着光秃秃的屏幕突然顿悟：原来网上花里胡哨的网站，都是删到不能再删才上线的！