上礼拜搞了个大乌龙，差点被UI设计师妹子骂死。事情是这样：我看她设计稿特好看，顺嘴说了句“你们前端做的页面真漂亮”，结果人家当场甩脸子：“老娘是设计师！你才前端！”给我整懵了，这不都是搞网页的吗？回家赶紧打开电脑查资料，翻了三小时论坛才搞明白。
折腾第一步：扒拉招聘网站
我先打开招聘网站搜职位，输入“网页设计”跳出来全是要求会Ps、Ai、画原型图，薪资大多卡在七八千。换成“web前端”可不得了，清一色要求JavaScript框架、响应式布局，工资直接翻倍。顺手截了张图对比放收藏夹里，心想这工资差距都能多养只猫了。
动手做实验：开撸设计工具
昨儿半夜睡不着，干脆爬起来验证。先用设计软件搞了个登录页面：拖了个矩形框当按钮，十分钟搞定视觉效果，连渐变色都调得贼漂亮。结果点预览差点气笑——这按钮根本按不动！转手打开代码编辑器，吭哧吭哧敲了半天，光是让按钮点击变灰色就折腾半小时，还得加个弹窗提示才算完。
- 设计图按钮：鼠标移上去屁反应没有
- 前端按钮：要写悬停变色+点击动画+跳转逻辑
被现实暴击：手机打开全乱套
最崩溃的是用手机看效果。设计师给的图在手机上文字挤成蚂蚁腿，头像直接飞出屏幕。翻前端教程发现要写@media媒体查询，硬着头皮加代码调试。从下午三点搞到晚上九点，眼睁睁看着华为手机里图片比例乱跳，小米手机显示错位。塞了六行百分比宽度代码才勉强适配，累得手指头都在抖。
血泪总结三点
现在终于搞清楚了：网页设计就是画装修图纸的，前端开发是吭哧吭哧砌墙的。设计师把效果图扔过来，我们前端得考虑这些事：
- 设计图里的花哨动画能不能用代码实现
- 不同尺寸的手机电脑会不会显示异常
- 用户点按钮时服务器会不会崩掉
上周接私活时又遇到设计师交稿，我直接问：“姐您这个星空背景动效能导出序列帧不？不然我写CSS要秃头”。她居然给我带了杯奶茶——你看，分清楚职责还能混到饮料喝！
