那天客户扔过来个网站需求，张嘴就要“高大上还能卖货”，我琢磨半天还是从最土的办法开始：先抓支笔在打印纸上乱画框架。上回被花里胡哨的设计软件坑过，这回打死不开PS，直接拿尺子比着画方块——左边导航栏留多宽，中间产品图塞哪儿，右上角购物车图标画成啥样，全拿铅笔戳出来。

电脑版画完又要搞手机版

客户拍桌子喊“必须适配手机”，我头皮都炸了。把打印纸咔嚓剪成手机尺寸重新排，导航栏改汉堡菜单，商品图片叠成竖条。折腾三小时发现个坑：电脑版横着排的四张产品图，到手机版竖着排居然多出一截空白！气得我拿橡皮狂擦，硬把四张图压成三张才塞进去。

接着开浏览器敲代码，刚写到导航栏就栽跟头：

• 菜单死活不居中，左边像被狗啃过
• LOGO图片莫名被压扁，圆脸变马脸
• 字体在苹果手机上糊成马赛克

瘫椅子上灌了半罐红牛，突然想起去年记的烂笔头：LOGO用object-fit封口，字体改用系统自带黑体。改完总算能看，可鼠标滑过菜单的效果又出幺蛾子——蓝色渐变闪得像迪厅灯球。

后台才是无底洞

以为前端搞完就解脱，结果数据库直接教我做人。客户要的“随时改广告图”功能，拖进后台编辑器就崩：

1. 传200K图片提示空间不足
2. 传20K图片又说尺寸超限
3. 好不容易传成功，前台刷新十遍才显示

蹲机房查服务器日志才发现，缓存设置卡着秒级更新。改完参数重启服务，顺手把图片压缩脚本绑上传接口，总算治好了这矫情病。

结账流程差点送我走

最要命的支付环节来了。按教程接支付宝接口，测试时蹦出个“非法参数”。抓狂比对了三遍密钥，发现是时间戳格式多打了个空格。用户地址填写更离谱：

• 有人把城市名填进电话号码
• 收货地址写“放门口第三个花盆底下”
• 七成用户省市区三级永远选不齐

连夜给地址栏加自动识别，又在提交按钮上挂了两道校验。上线前拿自己信用卡试刷，看见“支付成功”差点哭出来——结果第二天就收到客户微信：“购物车图标再放大五倍行不？”

现在盯着这坨代码终于明白：设计稿和实物差太远，后台比前台坑更深，客户永远要改第五稿。下次做站绝对要先收三倍定金！