web环境

浏览器地址栏里敲下一串字符，回车，页面在几百毫秒内铺满屏幕。这个过程太顺滑了，以至于很少有人会停下来想——这玩意儿到底是怎么做到的？

我干前端开发第七年，越来越觉得web环境像个巨大的、看不见的舞台。你看到的每个像素背后，都站着几十个技术角色在同时表演。DNS服务器先把域名翻译成IP地址，HTTP请求挤过层层路由器，服务器端一堆代码在跑，数据库在查，然后HTML、CSS、JavaScript打包成响应，原路返回。这趟旅程跨越大半个地球，耗时可能比你眨眼还短。

但web环境从来不是完美的乌托邦。兼容性就是那个永远在漏水的屋顶。你写一行`display: flex`，在Chrome里整整齐齐，换到某个老版本Safari上就塌成废墟。我有个客户至今用着IE11，每次给他做页面都得额外写三套降级样式。这年头还在伺候IE的，要么是银行，要么是政府，要么是那种“我们公司电脑不能随便换系统”的传统企业。你说烦不烦？烦。但你没法绕过去，因为他们的订单养着你的团队。

性能是另一道暗坑。前阵子我接手一个后台管理系统，打开首页要加载4MB的JavaScript。用户点个菜单，页面白屏两秒。我翻代码，发现光图表库就引了三个，其中一个根本没用上。砍掉冗余，做了路由懒加载，首屏体积压到800KB——体感速度立刻不一样了。这事儿特别能说明问题：web环境里，体积就是重量，每一个字节都在为网速买单。

安全呢？那更是场猫鼠游戏。你在表单里写个`