1. 首页

行js代码创建神经网络

今天分享的文章是:30 行 js 代码创建神经网络

懒得看文章?没关系,稍后会附上文章内容概述,同时,更希望能通过阅读这一期的精读,穿插着深入阅读原文。

1 引言

自从 Alpha Go 打败了李世石,大家对深度学习的体感更加的强烈,人工智能也越来越多的出现在大家的生活之中。很多人也会谈论,程序员什么时候会被人工智能给替代?与其慌张,在人工智能的潮流下,不断学习新的人工智能相关技术,武装自己,才是硬道理。 本文介绍了如何使用Synaptic.js 创建简单的神经网络,解决异或运算的问题。

2 内容概要

神经网络中的神经元和突触

对神经网络有所了解的人都知道,神经网络就是构建类似人脑的神经系统,在人脑的神经系统中,存在一种非常重要的细胞,叫神经元。在神经网络中,你可以把神经元理解为一个函数,它接受一些输入返回一些输出结果,其中Sigmoid 神经元是一种非常常用的神经元,这种神经元以 Sigmoid 函数 作为激活函数。Sigmoid 函数接受任意的数值,输出 01 之间的值,大家可以看看常见的几种 Sigmoid 函数的函数曲线。

![sigmoid]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-01.png)

知道了 Sigmoid 函数了,我们可以看一个具体的 Sigmoid 神经元 例子。

![Sigmoid example]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-03.png)

在这个例子中 73权重参数,-2偏差,最左边的 10输入层 中的两个节点,通过如下的计算,得到了一个 隐藏层 节点 5

![5]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-02.png)

然后将节点 5 输入到一个 Sigmoid 函数,得到一个 输出层 节点 1

如何构建神经网络

有了神经元,将所有的神经元连接起来,就构建了一个 神经网络。如下图,神经元间的箭头,可以理解为是一种 “突触”。

![NN]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-04.png)

完成神经网络的构建了,你可以用来识别手写数字、垃圾邮件判断等众多领域。当然就像上面的例子,好的模型依赖于正确的权重偏差的选择。在实际工作中,每次完成神经网络的训练,我们都会拿训练的结果来对测试样式进行预测,得到算法的准确率,然后尝试选择更好的权重偏差,期望达到更好的准确度,这个学习的过程称为反向传播。通过大量的学习后,最终才会得到更好的预测准确率。

代码实现

下面附上代码的实现。

const { Layer, Network } = window.synaptic;
var inputLayer = new Layer(2);
var hiddenLayer = new Layer(3);
var outputLayer = new Layer(1);

inputLayer.project(hiddenLayer);
hiddenLayer.project(outputLayer);
var myNetwork = new Network({
 input: inputLayer,
 hidden: [hiddenLayer],
 output: outputLayer
});

// train the network - learn XOR
var learningRate = .3;
for (var i = 0; i < 20000; i++) {
  // 0,0 => 0
  myNetwork.activate([0,0]);
  myNetwork.propagate(learningRate, [0]);
  // 0,1 => 1
  myNetwork.activate([0,1]);
  myNetwork.propagate(learningRate, [1]);
  // 1,0 => 1
  myNetwork.activate([1,0]);
  myNetwork.propagate(learningRate, [1]);
  // 1,1 => 0
  myNetwork.activate([1,1]);
  myNetwork.propagate(learningRate, [0]);
}

简单而言,运行 myNetwork.activate([0,0]) 时,[0, 0]是输入值,它对应的异或运算的结果是 false, 也就是 0。 这个是前向的传播,所以称为 激活 网络,每次前向传播之后,我们需要做一次反向传播来更新权重和偏差。

反向传播就是通过这行代码来做的: myNetwork.propagate(learningRate, [0]),其中 learningRate是告诉神经网络如何调整权重的常量,第二个参数 [0]是异或运算的结果。

经过 20000 次学习,我们得到如下的结果:

console.log(myNetwork.activate([0,0]));
-> [0.015020775950893527]
console.log(myNetwork.activate([0,1]));
->[0.9815816381088985]
console.log(myNetwork.activate([1,0]));
-> [0.9871822457132193]
console.log(myNetwork.activate([1,1]));
-> [0.012950087641929467]

对运算结果取最近的整数,我们就可以得到正确异或运算的结果。

3 精读

读原文的时候,大家可能主要对反向传播如何修正权重和偏差会有所疑问,作者给出的引文A Step by Step Backpropagation Example — by Matt Mazur 很详细的解释了整个过程。

方便大家理解,我以上面的异或运算的例子,简单的分析一下整个过程。其中我们选取的激活函数是:Logistic 函数。

![Logistic]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-05.png)

当我们输[0, 0]时,我们选取一些任意的权重和偏差,计算过程如下:

![example]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-06.png)

为了方便后续的推到,我们可以通过一些符号来简单的描述一下h1和最终记过output计算的过程:

![calculation]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-07.png)

计算得到结果 o 后,我们可以通过平方误差函数

![error]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-08.png)

来计算误差。我们在上面的运算中得到的 output = 0.73673, 目标值是对 [0,0] 取异或运算的值,也就是: target = 0,带入上面的公式得到的误差值为: 0.271385

到这里我们进行反向传播的过程,也就是说我们需要确认新的参数: w1, w2, w3, w4, w5, w6, b1, b2.

我们先计算新的 w5,这里是通过计算误差函数相对于w5的偏导来得到新的参数的,我们可以通过下面的链式求导来计算偏导。

![partical]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-09.png)

得到 w5 对应的偏导后,我们通过下面的公式来计算新的w5参数:

![w5]((https://static.javascriptc.com/imgs/comprehensive/20201116/033-10.png)

其中, 0.3 就是我们在代码中设置的 learningRate 的值。 重复上面相似的过程,我们可以计算其他参数的值,这里就不再累述。

4. 总结

本文介绍了使用Synaptic.js 创建简单的神经网络,解决异或运算的问题过程,也对反向传播的过程进行了简单的解释。文中实现神经网络的代码非常简单,包行注释也不超过 30 行,但是只会代码会有点囫囵吞枣的感觉,大家可以参考文章中给的引文,了解更多的算法原理。

相关资料

1. A Step by Step Backpropagation Example — by Matt Mazur

2. Hackers Guide to Neural Nets — by Andrej Karpathy

3. NeuralNetworksAndDeepLarning — by Michael Nielsen

4. Synaptic.js

更多讨论

讨论地址是:精读《30 行 js 代码创建神经网络》 · Issue #45 · dt-fe/weekly

原文地址:https://github.com/dt-fe/weekly

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:行js代码创建神经网络

链接:https://www.javascriptc.com/4956.html

« 中台架构下的 DDD 和落地实践
小程序框架 Remax 发布 2.0»
Flutter 中文教程资源

相关推荐

QR code