今天折腾了个山寨版设计网站

早晨刷手机看见别人分享的设计作品集，突然手痒想自己搞个类似pin的图片墙。

先打开浏览器把几个热门设计网站点了八百遍，主要盯着图片排列方式看。发现关键就三点：

• 瀑布流的堆叠效果
• 鼠标移上去得弹出收藏按钮
• 纯白背景衬得图片更醒目

翻出五年前买的HTML教程拍掉灰，打开记事本就开始硬敲。先拿div画了个大方框当容器，结果塞进图片全挤成堆。查了半天文档才搞明白要设置display:grid，网格参数调得我眼都花了。

下午两点搞到饿得胃疼才弄出点样子。随便扒拉几口饭回来接着干，发现电脑上看挺整齐的手机上全乱套。气得把键盘往前一推，骂骂咧咧加了段@media screen的代码，左拖右拽调了三个钟头响应式。

天黑透的时候总算把收藏功能憋出来了。点爱心图标会变红，但数据库压根没连着，刷新页面就回到解放前。心想反正自嗨用无所谓，干脆把调试用的alert弹窗都删了，假装是个成熟功能。

塞了二十多张自己拍的风景照试效果。笔记本风扇狂转跟拖拉机似的，页面加载时图片还会蹦迪似的乱跳。又拖了三天才搞定懒加载，现在滚到哪儿才加载哪儿，总算不卡了。

半夜一点瘫在椅子上看成品：白的刺眼的背景上飘着参差不齐的图片格子，鼠标划过颤巍巍弹出半透明按钮。虽然跟人家官网差着十八条街，但自己从零堆出来的破玩意，看着还挺乐呵。