https://www.wangyunqing.top/tags/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%9F%E7%90%86/Recent content in 浏览器原理 on 我的个人博客Hugo -- 0.156.0zh-cnSun, 22 Mar 2026 21:30:00 +0800https://www.wangyunqing.top/posts/frontend-three-doors/Sun, 22 Mar 2026 21:30:00 +0800https://www.wangyunqing.top/posts/frontend-three-doors/<p>想象一下，你走进一家汽车工厂。这里有生产线（运行时）、有设计图纸（编程语言）、还有展示大厅（浏览器）。理解这三个层次，就理解了现代前端开发的核心逻辑。</p> <h2 id="第一重门谁在跑你的代码">第一重门：谁在跑你的代码？</h2> <p>JavaScript 诞生时只是浏览器里的一个小脚本，能让网页动起来。但开发者们很快想到：既然 JavaScript 这么好用，为什么不能在服务器上也用？于是 Node.js 在 2009 年诞生了。</p> <h3 id="nodejs老牌当家人">Node.js：老牌当家人</h3> <p>Node.js 就像一辆开了十五年的老丰田。它可能不是最快的，但：</p> <ul> <li><strong>配件哪里都能买到</strong> —— npm 生态有超过 250 万个包</li> <li><strong>修车师傅遍地都是</strong> —— 遇到问题一搜就有答案</li> <li><strong>任何停车场都能停</strong> —— 所有云平台都支持</li> </ul> <p>它用 C++ 写成，搭载 Google 的 V8 引擎，通过 libuv 处理异步操作。这套架构服务了十几年，证明了自己足够可靠。</p> <h3 id="bun年轻的挑战者">Bun：年轻的挑战者</h3> <p>2022 年，一个叫 Bun 的新家伙出现了。它像一辆电动跑车：</p> <ul> <li><strong>加速 3-4 倍</strong> —— HTTP 请求每秒能处理 52,000 次，而 Node.js 只有 14,000 次</li> <li><strong>启动快如闪电</strong> —— 冷启动只需要 8-15 毫秒，Node.js 需要 40-120 毫秒</li> <li><strong>安装包快 20-40 倍</strong> —— 那个慢得让人想去喝杯咖啡的 npm，被 Bun 变成了秒开</li> </ul> <p>为什么这么快？Bun 做了三个关键选择：</p> <ol> <li><strong>换了个引擎</strong> —— 不用 V8，改用 Safari 的 JavaScriptCore。这个引擎优化的是快速启动，而 V8 优化的是长时间运行</li> <li><strong>用 Zig 语言重写</strong> —— 不是 C++，是从零开始为速度设计</li> <li><strong>零拷贝 I/O</strong> —— 数据传输时不反复复制，直接传递</li> </ol> <h3 id="该怎么选">该怎么选？</h3> <table> <thead> <tr> <th>场景</th> <th>选择</th> <th>原因</th> </tr> </thead> <tbody> <tr> <td>新项目，追求性能</td> <td>Bun</td> <td>快是真的快，开发体验也更好</td> </tr> <tr> <td>企业级项目，求稳</td> <td>Node.js</td> <td>生态成熟，出了问题能快速解决</td> </tr> <tr> <td>无服务器函数</td> <td>Bun</td> <td>冷启动快，能省下不少计算费用</td> </tr> <tr> <td>依赖大量原生模块</td> <td>Node.js</td> <td>兼容性最好，不会踩坑</td> </tr> </tbody> </table> <h2 id="第二重门你用什么语言写代码">第二重门：你用什么语言写代码？</h2> <p>JavaScript 是灵活的，像一块可以随意捏的橡皮泥。TypeScript 是给这块橡皮泥加了模具，让它变成你想要的形状。</p>