Tensoflw.js - 01 - 安装与入门（中文注释）

参考 W3Cschool 文档：https://www.w3cschool.cn/tensorflowjs/

本文主要翻译一些英文注释，添加通俗的注释，记录新手使用遇到的小问题，去除不必要的部分，帮助新手快速入门

Tensoflw.js 介绍：

TensorFlow.js 是一个开源的基于硬件加速的 JavaScript 库，用于训练和部署机器学习模型。TensorFlow.js 可以为你提供高性能的、易于使用的机器学习构建模块，允许你在浏览器上训练模型，或以推断模式运行预训练的模型。TensorFlow.js 不仅可以提供低级的机器学习构建模块，还可以提供高级的类似 Keras 的 API 来构建神经网络

Tensorflow.js 安装

在 JavaScript 项目中，TensorFlow.js 的安装方法有两种：

一种是通过 script 标签在线引入（方便，但依赖网络，学习建议使用）
另外一种就是通过 npm 进行安装，本地使用（开发建议使用）
后面我会贴上我目前的最新版 tf.js 0.13.2 下载地址：

一、使用Script 标签在线引入：

1.新建 html 文件：

<html>

  <head>

    <!-- 加载 TensorFlow.js，发行版本可以直接修改版本号加载需要的版本 -->

    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.13.2"> </script>

    <!-- 将代码放在下面的脚本标记中 -->

    <script>

      // 提示：1.没有“import”声明。“if”在索引页上可用，因为上述的脚本标签在线引用

      // 2.输出的值都是打印在浏览器开发者工具的控制台，而不是页面上

      // 此处粘贴自己的内容

    </script>

  </head>

  <body>

  </body>

</html>

2.将下面的代码添加到HTML文件中，在浏览器中打开该HTML文件，代码应该运行！

二、通过 NPM 下载到本地

使用 npm 将 TensorFlow.js 添加到您的项目中。

注意：因为使用 ES2017 语法（如import），所以此工作流程假定您使用打包程序/转换程序将代码转换为浏览器可以理解的内容。

1.进入项目的 js 目录

2.（如果还有在该目录使用过 npm，请先执行> npm init）再使用下面命令

npm install @tensorflow/tfjs

3.安装后容易出现目录问题，请先检查

4.在js文件中输入以下代码：

import * as tf from '@tensorflow/tfjs';

//下面是官方给出的一个示例，就类似于 hellowolrd 示例，一般用不到直接删掉

//

//  // 定义一个线性回归模型。

//  const model = tf.sequential();

//  model.add(tf.layers.dense({units: 1, inputShape: [1]}));

//

//  // 准备培训模型：指定损失和优化器。

//  model.compile({loss: 'meanSquaredError', optimizer: 'sgd'});

//

// // 为训练提供一些合成数据。

// const xs = tf.tensor2d([1, 2, 3, 4], [4, 1]);

//  const ys = tf.tensor2d([1, 3, 5, 7], [4, 1]);

//

// // 利用数据对模型进行训练。

//  model.fit(xs, ys).then(() => {

//    // Use the model to do inference on a data point the model hasn't seen before:

//    model.predict(tf.tensor2d([5], [1, 1])).print();

//  });

上面 js 代码暂时看不懂没关系，了解他们是给我们搭建机器学习的环境，使您能够在浏览器中训练神经网络或在推理模式下运行预先训练的模型

npm 安装的 Tensorflow.js 0.13 链接： https://pan.baidu.com/s/1w-Y9Xmlh-cZJLHp6ElAzug 密码：hvmk

Tensorflow.js 张量和变量

张量（Tensor）:

1.张量(Tensor)和变量（Variable）是 TensorFlow.js 中数据的主要表现形式。

两者不同之处在于张量是不可变的，而变量是可变的。

2.究竟什么是张量(Tensor)？

定义： 一组数值形成一个或多个维度的数组。张量实例具有定义数组形状的形状属性。张量是 TensorFlow.js 中数据的中心单位，也是 Tensorflow.js 中数据的主要表现形式

（可以简单的理解为 n 为数组，是数据的中心单位）

3.shape 属性：（张量是 n 维数组，shape 就是说明张量具体是几维几行几列的数组）

4.一个 Tensor 实例有一个shape 属性来定义这一组数值如何组成张量，而最主要的 Tensor 实例的构造函数就是 tf.tensor 函数，如下所示：

<script>

//直接将代码拷贝到有引入 Tensorflow.js 的 html 中即可

//提示：输出的值都是打印在浏览器开发者工具的控制台，而不是页面上

// 2x3 Tensor

const shape = [2, 3]; // 2 行, 3 列

const a = tf.tensor([1.0, 2.0, 3.0, 10.0, 20.0, 30.0], shape);

a.print(); // 打印张量值

//提示：输出显示在浏览器控制台，F12 > console

//输出:    [[1 , 2 , 3 ],

//          [10, 20, 30]]

// shape也可以用下面的方式实现:

const b = tf.tensor([[1.0, 2.0, 3.0], [10.0, 20.0, 30.0]]);

b.print();

// 输出:    [[1 , 2 , 3 ],

//          [10, 20, 30]]

</script>

推荐使用下面的函数来增强代码的可读性：

tf.scalar（零维）, tf.tensor1d（一维）, tf.tensor2d（二维）, tf.tensor3d（三维）、tf.tensor4d（四维）以及 tf.ones（值全是1）或者tf.zeros（值全是0）

如下所示：

<script>

//直接将代码拷贝到有引入 Tensorflow.js 的 html 中即可

//提示：输出的值都是打印在浏览器开发者工具的控制台，而不是页面上

const a = tf.scalar(3.14);

a.print(); // 输出零维张量

const b = tf.tensor2d([[2, 3, 4], [5, 6, 7]]);

b.print(); // 输出二维张量

const c = tf.zeros([2, 3]);

c.print(); // 输出2行3列的值全是0的张量

const d = tf.ones([3, 5]);

d.print(); // 输出3行5列的值全是1的张量

</script>

在 TensorFlow.js 中，张量是不变的; 一旦创建你就不能改变它们的值。但是，您可以对它们执行操作来生成新的张量。

变量（Variable）:

1.Variables 变量是通过张量进行初始化得到的。不像 Tensor 的值不可变，变量的值是可变的。你可以使用变量的 assign 方法分配一个新的 tensor 到这个变量上，这是变量就会改变：

<script>

//直接将代码拷贝到有引入 Tensorflow.js 的 html 中即可

//提示：输出的值都是打印在浏览器开发者工具的控制台，而不是页面上

const initialValues = tf.zeros([5]);

const biases = tf.variable(initialValues); // 初始化biases

biases.print(); // 输出: [0, 0, 0, 0, 0]

const updatedValues = tf.tensor1d([0, 1, 0, 1, 0]);

biases.assign(updatedValues); // 更新 biases的值

biases.print(); // 输出: [0, 1, 0, 1, 0]

</script>

如上所示，首先使用 tf.zeros 得到一个张量，然后利用这个张量初始化得到一个变量，接着我们就可以打印这个变量，并且通 Object.prototype.toString.call(biases) 方法可以判断变量也是一个对象，接着，我们再生成一个张量，然后变量调用 assign 方法传入这个张量，就可以得到一个新的变量了，如下：

由此我们可以得出一个结论：变量由张量生成，且张量不可变而变量可变。