服务端3月1日 12:23
如何优化 Babel 编译性能？哪些配置最有效？优化 Babel 编译性能，优先做三件事：少编译、用缓存、少插件。少编译就是用 `include` 精准限定源码目录，不要把整个 node_modules 丢给 Babel；用缓存就是开启 babel-loader 的 `cacheDirectory` 和配置层的 `api.cache(true)`；少插件就是只保留必要转换，能交给 esbuild/SWC 的纯语法转换就别强行走 Babel。
再往下才是 targets、polyfill 和并行。`@babel/preset-env` 的 targets 越准确，Babel 做的无用转换越少；`useBuiltIns: 'usage'...
乐闻
服务端3月1日 12:25
Babel 如何接入 Webpack、Vite 和 Rollup？Babel 接入构建工具的核心思路是：让构建工具负责文件扫描、依赖图和打包，Babel 只负责把指定源码转换成目标语法。Webpack 通常用 `babel-loader`，Vite 默认走 esbuild，只有需要 Babel 插件时才通过 React 插件或 Babel 插件接入，Rollup 用 `@rollup/plugin-babel`，库开发还要特别处理 helpers。
关键不是“能不能接”，而是“什么时候该接”。如果只是语法降级，Vite/esbuild 或 SWC 往往更快；如果要 decorators、宏、React 特定转换、自定义 AST 插件，才值得引入 Ba...服务端3月1日 12:26
什么是 Babel AST？如何用它写自定义插件？Babel AST 是源码解析后的抽象语法树，Babel 插件本质上就是“遍历这棵树，找到目标节点，再改掉它”。完整流程是：parser 把代码转成 AST，traverse 按 visitor 访问节点，插件通过 path.remove、replaceWith、insertBefore 等方法修改节点，最后 generator 再生成代码。
写插件时不要直接乱改 node，优先用 path，因为 path 带着父节点、作用域、替换/删除能力。比如删掉 console.log，要访问 CallExpression，判断 callee 是否是 console.log，然后 remove。...服务端3月1日 13:50
什么是 cURL？它在 Web 开发中有什么作用？cURL 是一个命令行数据传输工具，也是一套库，常用来通过 URL 发起 HTTP/HTTPS 请求。Web 开发里它最常见的作用是调试 API：不用写页面、不用打开 Postman，直接在终端复现 GET、POST、请求头、Cookie、鉴权和上传下载问题。
## 追问
### cURL 和 Postman 有什么区别？
Postman 更适合可视化调试和团队管理接口；cURL 更轻、更容易复制到终端、脚本、CI/CD 或线上机器里排查问题。很多接口文档也会直接给 cURL 示例，因为它可执行、可复现。
### cURL 在项目里通常怎么用？
前后端联调时，用它验证接口是否真的可...服务端3月1日 13:50
如何用 cURL 发送 GET 和 POST 请求？GET 用来从服务端取数据，参数通常放在 URL 查询串里；POST 用来提交数据，数据通常放在请求体里。用 cURL 时，GET 最常见的是直接请求 URL，POST 常用 `-d` 或 `--data` 传请求体。注意：`curl -d` 默认会发 POST，不一定非要写 `-X POST`。
## 追问
### GET 和 POST 最大区别是什么？
GET 的参数暴露在 URL 中，适合查询；POST 的数据放在 body 中，适合提交表单、JSON 或文件。GET 通常可缓存、幂等；POST 通常不缓存，也不保证幂等。
### `-d` 和 `-G` 一起用是什么意思？
...服务端2月25日 21:49
WebRTC 如何控制音视频质量？码率/分辨率/帧率的动态调节策略是什么？## WebRTC 如何控制音视频质量？码率/分辨率/帧率的动态调节策略是什么？
WebRTC 通过 **GCC（Google Congest Control）** 算法自动估算带宽，动态调节编码参数，核心机制：
**自动调节**：
- **带宽探测**：发送端逐步增加码率，检测丢包率上升则回退（AIMD 策略）
- **编码器适配**：VP8/VP9/H264 编码器根据目标码率自动调整量化参数
- **帧率调节**：带宽不足时降低帧率优先保分辨率，极低带宽才降分辨率
**手动控制 API**：
```javascript
const sender = pc.getSenders...服务端2月25日 21:50
WebRTC 安全吗？DTLS/SRTP 加密原理和常见风险有哪些？## WebRTC 安全吗？DTLS/SRTP 加密原理和常见风险有哪些？
WebRTC **强制加密**：所有媒体流走 SRTP，数据通道走 DTLS，密钥通过 DTLS 握手在 ICE 连接建立后协商，默认端到端加密。
**加密链路**：
- **信令**：HTTPS/WSS 传输 SDP，信令服务器可看明文（所以选可信信令服务）
- **媒体**：DTLS 握手协商密钥 → SRTP 加密音视频包 → 中间人无法解密
- **数据通道**：DTLS 直接加密，SCTP 传输
**潜在安全风险**：
1. **信令劫持**：SDP 明文经信令服务器，恶意服务器可篡改 SDP 注...服务端2月25日 21:51
WebRTC 如何与 Socket.io 和 Node.js 后端集成？信令服务怎么设计？## WebRTC 如何与 Socket.io 和 Node.js 后端集成？信令服务怎么设计？
WebRTC 本身只解决 P2P 媒体传输，**信令交换**（SDP Offer/Answer、ICE Candidate）必须通过独立信令通道完成，Socket.io + Node.js 是最常见组合。
**架构**：浏览器 A 通过 Socket.io 将 SDP Offer 发给 Node.js 信令服务器 → 服务器转发给浏览器 B → B 回传 Answer → 双方交换 ICE Candidate → P2P 连接建立。
**核心集成点**：
1. **Socket.io ...服务端2月25日 22:49
WebView 如何与原生应用交互？JS Bridge 原理是什么？## WebView 如何与原生应用交互？JS Bridge 原理是什么？
WebView 与原生交互本质是**JS 和 Native 之间的双向通信**，核心方案：
**Native → JS**：
- Android：`evaluateJavascript(script, callback)`（API 19+）
- iOS：`evaluateJavaScript(script, completionHandler)`
**JS → Native**：
1. **URL Scheme 拦截**：JS 修改 window.location = "scheme://action?pa...服务端2月25日 22:50
WebView、React Native 和 Flutter 怎么选？跨平台方案核心差异是什么？## WebView、React Native 和 Flutter 怎么选？跨平台方案核心差异是什么？
| 维度 | WebView | React Native | Flutter |
|------|---------|-------------|---------|
| 渲染 | 系统 WebView | 原生组件 | 自绘引擎(Skia) |
| 语言 | HTML/JS/CSS | JavaScript | Dart |
| 性能 | 中低 | 中高 | 高 |
| 一致性 | 依赖系统内核 | 接近原生 | 像素级一致 |
| 生态 | Web 生态复用 | npm 生态 ...