web技术常被粗暴地分成“前端”和“后端”两类。术包这个分法没错，括两但容易让人误解成“做界面的术包”和“做逻辑的”两个工种。实际上，括两更准确的术包切分是：跑在浏览器里的技术，和跑在服务器上的括两技术。这条线划在“网络传输”这个物理动作上，术包所有代码最终都变成字节流，括两跨过网线或无线信号，术包在两端各自执行。括两

浏览器端的术包技术，核心就三样：HTML、括两CSS、术包JavaScript。括两HTML干的术包是骨架的活，把标题、段落、图片这些元素用标签框起来。CSS管外观，颜色、间距、动效，全由它说了算。JavaScript是唯一能在这层“动脑子”的语言，处理点击、滚动、表单校验，甚至跟服务器要数据。这三样东西捆在一起，构成了你肉眼可见的一切——按钮的圆角、轮播图的滑动、页面的渐入渐出。没有它们，用户面对的就是一片空白。

服务器端的技术就杂了。PHP、Python、Java、Node.js、Go，甚至老掉牙的ASP.NET，都能干这活。它们共同的任务是：接收浏览器的请求，查数据库，做计算，然后吐回一段HTML或JSON数据。这里有个细节常被忽略——服务器端代码不直接生成“页面效果”，它只生成“文本”。真正的渲染工作，还是交给浏览器去完成。所以后端工程师写的东西，本质上是在组装“递给浏览器看的文字包”。

这两类技术之间，靠HTTP协议对话。浏览器发一个“GET /index.html”的请求，服务器回一个“200 OK”加上一堆内容。就这么简单。但现代web早就变了味——现在的页面大量使用Ajax技术，浏览器里的JavaScript直接跟服务器要局部数据，不再整页刷新。这时候前端代码里会塞进一堆异步逻辑，而后端则专门提供JSON接口。两边各管各的，但又必须对数据格式、错误码、认证方式达成一致。

我见过不少初学者死磕“前端”还是“后端”的标签，纠结自己该学Vue还是Django。其实更该问的问题是：你写的代码，最终是运行在用户的Chrome里，还是运行在云服务器上？前者你要考虑兼容性、渲染性能、动画流畅度；后者你得琢磨并发量、数据库索引、内存占用。两边的思考方式完全不同——前端像做室内设计，讲究的是人在空间里的即时体验；后端像做建筑结构，扛的是荷载和稳定性。

一个有趣的现象是，近些年Node.js的出现把JavaScript带到了服务器端，模糊了这条界线。你完全可以用一种语言写满全栈。但注意，这不代表两类技术消失了，只是工具统一了。浏览器里的DOM操作、事件循环，和服务器上的文件读写、进程管理，依然是两套知识体系。哪怕语言相同，运行时环境、可用API、调试工具也天差地别。

所以，下次有人问你web技术分几类，你可以告诉他：一类是给用户看的，一类是给数据跑的。中间隔着的，是那条永远无法消除的网络延迟。

(责任编辑：休闲)