TensorFlow.js 是专为前端优化的轻量级 ML 库，支持浏览器实时推理、迁移学习、从零训练及加载 Python 模型；三步可跑通 MNIST 示例，实用中需注意模型大小、转换工具和后端加速。
JavaScript 本身不内置机器学习能力，但通过 TensorFlow.js（简称 TF.js），你可以在浏览器或 Node.js 环境中直接用 JS 训练、加载和运行机器学习模型——无需 Python，也不用部署后端服务。
TensorFlow.js 能做什么？
它不是“JS 版 TensorFlow”，而是专为前端优化的轻量级 ML 库，支持：
- 在浏览器中实时推理（比如人脸检测、图像分类、语音识别）
- 用少量数据微调预训练模型（transfer learning）
- 从零定义并训练简单模型（如线性回归、CNN、LSTM）
- 加载 Python 训练好的 Keras/TensorFlow 模型（需先转换为 TF.js 格式）
快速上手：三步跑通一个例子
以浏览器中识别手写数字（MNIST）为例：
- 引入库：在 HTML 中加一行 script <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.22.0"></script>
- 加载数据 + 预处理：TF.js 提供内置 MNIST 数据集 const {trainImages, trainLabels} = await tf.data.mnist.load(); 图像归一化（0–255 → 0–1）、标签 one-hot 编码
- 定义并训练模型： const model = tf.sequential(); model.add(tf.layers.dense({inputShape: [784], units: 128, activation: 'relu'})); model.add(tf.layers.dense({units: 10, activation: 'softmax'})); model.compile({optimizer: 'adam', loss: 'categoricalCrossentropy', metrics: ['accuracy']}); await model.fit(trainImages, trainLabels, {epochs: 5});
实用技巧和注意事项
真实项目中容易卡住的地方：
立即学习“Java免费学习笔记（深入）”；
- 模型太大？浏览器会卡顿 → 优先用 预训练模型（如 coco-ssd、blazeface），只做推理
- 想复用 Python 模型？用 tfjs-converter 工具转换：tensorflowjs_converter --input_format=keras my_model.h5 web_model/
- 训练慢？开启 WebGL 后端（默认启用），检查控制台是否提示 "WebGL is enabled"
- Node.js 环境？安装 @tensorflow/tfjs-node，支持 CPU/GPU 加速（需 Python 和 CUDA 环境）
基本上就这些。不用重学算法，重点是把数据喂对形状（tensor）、选对层类型、理解训练循环逻辑。TF.js 文档示例丰富，从“Hello World”回归到 GAN 都有现成代码可改。
