昨晚凌晨两点，刚改完最后一个bug。
盯着屏幕眼睛酸得想流泪。
客户非说那个按钮在iPhone 6上没反应。
我查了半天，发现是z-index层级没写对。
这种低级错误，换做五年前，我肯定骂娘。
现在？只能默默深呼吸，然后加个!important。
这就是h5移动端开发的日常。
没那么多高大上的理论。
全是跟各种奇葩机型、各种浏览器内核斗智斗勇。
很多人问我，做h5移动端开发累不累？
我说累，心累。
为什么？
因为移动端碎片化太严重了。
你写好的页面，在三星上完美显示。
一到华为旧款，字体就错位。
再换到小米，动画就卡顿。
这时候你只能去查兼容性问题。
有时候为了一个圆角，得写三行代码。
有时候为了适配刘海屏，得去研究viewport。
真的，有时候真想摔键盘。
但当你看到用户反馈说“这页面挺流畅”时。
那种成就感，也是真香。
记得有个做餐饮的客户。
想要个扫码点餐的h5页面。
要求很简单：快、准、稳。
结果呢？
他们老板说，颜色要鲜艳，要像过年一样喜庆。
还要加个动画，要像好莱坞大片一样炫酷。
我差点没忍住。
我说老板，用户是来吃饭的，不是来看特效的。
加载速度超过3秒，客户就跑了。
最后我们妥协了。
用CSS3做简单动画，图片压缩到极致。
结果上线后，转化率提升了20%。
你看，有时候克制比炫技更重要。
这也是h5移动端开发的一个教训。
别为了技术而技术。
要为了用户体验而技术。
再说说那个让人头秃的适配问题。
以前做PC站，宽度固定1920或者1280。
现在做h5移动端开发，宽度是流动的。
你得用rem或者vw单位。
还得考虑不同分辨率下的字体大小。
最烦的是微信内置浏览器。
它的内核有时候比IE还难搞。
有些CSS属性它不支持。
有些JS事件它不响应。
你只能写polyfill。
或者干脆放弃某些功能。
这时候你就得权衡。
是追求完美，还是追求可用？
我通常选择可用。
毕竟，大部分用户根本不在乎你的代码有多优雅。
他们只在乎能不能快点买到东西。
还有那个该死的键盘弹出问题。
输入框聚焦时，键盘弹出来，把按钮挡住了。
这在移动端太常见了。
你得监听键盘事件。
动态调整页面高度。
或者把按钮放在底部固定位置。
有时候，你做了这些。
用户还是抱怨。
说按钮太小，不好点。
这时候你只能妥协。
把按钮做大一点。
间距再拉开一点。
手指是有粗有细的。
你不能假设用户的手指都像钢琴家一样纤细。
这就是h5移动端开发的人性化细节。
看似简单，实则暗藏玄机。
我也遇到过那种特别难缠的客户。
非要加个VR全景。
还要支持手势缩放。
我说这得用专门的库。
还得考虑性能。
他说不管，明天就要上线。
我差点辞职。
最后熬夜做了个简化版。
虽然功能少点，但能跑。
上线后，客户没说什么。
但我知道，他其实也不懂技术。
他只是想要个看起来厉害的东西。
这时候，沟通比技术更重要。
你得学会说“不”。
或者学会说“这样改更好”。
而不是盲目服从。
总之，h5移动端开发这行。
水深，坑多。
但乐趣也多。
每次解决一个兼容性问题。
每次优化完加载速度。
每次看到用户好评。
都让人觉得，这活儿没白干。
如果你也想入行。
我建议你先从基础HTML5和CSS3学起。
别一上来就搞框架。
Vue、React虽然好。
但不懂底层，你只会调包。
到时候出了bug，你连原因都找不到。
那才叫绝望。
还有，多测真机。
模拟器再像，也不如真机靠谱。
去借朋友的手机。
去网吧蹭电脑。
去商场看别人怎么用。
你会发现，很多你以为的bug。
其实是用户操作习惯不同。
比如，左滑返回。
比如，双击放大。
这些手势，你得尊重。
别跟用户习惯对着干。
除非你有足够的理由。
比如，你的设计真的更好用。
最后，别太在意别人的评价。
有人骂你代码丑。
有人夸你界面美。
都无所谓。
重要的是，你的页面能跑。
能跑，就能赚钱。
能跑，就有价值。
这就是现实。
别整那些虚的。
脚踏实地，一行一行写代码。
一天一天优化体验。
这才是h5移动端开发的正道。
好了，不说了。
我要去改那个该死的z-index了。
希望这次能一次过。
不然今晚又得熬夜。
哎，生活就是这样。
痛并快乐着吧。
