update code examples for Functional Model

html/docs/modelFunctional.html

@@ -334,9 +334,9 @@
 
     ...
     // necessary configurations
-    inputs: [input],
-    outputs: [addLayer],
-    outputsOrder: ["input", "conv1", "conv2", "conv3", "add"],
+    inputs: [ input ],
+    outputs: [ addLayer ],
+    outputsOrder: [ "conv1", "conv2", "conv3", "add" ],
     layerShape: "rect",
     layerInitStatus: "close",
     stats: true
@@ -351,48 +351,65 @@
         </div>
 
         <div class="code-snippet">
-            <pre><code class="Javascript">let input = new TSP.layers.GreyscaleInput({
-        shape: [28, 28, 1]
-});
+            <pre><code class="Javascript">let input = new TSP.layers.GreyscaleInput( {
+
+        shape: [ 28, 28, 1 ]
+
+} );
+
+let layer1 = new TSP.layers.Conv2d( {
 
-let layer1 = new TSP.layers.Conv2d({
 	kernelSize: 2,
 	filters: 36,
 	strides: 1,
-	padding: "same"
-});
+	padding: "same",
+	name: "conv1"
+
+} );
 
 layer1.apply( input );
 
-let layer2 = new TSP.layers.Conv2d({
+let layer2 = new TSP.layers.Conv2d( {
+
 	kernelSize: 2,
 	filters: 36,
 	strides: 1,
-	padding: "same"
-});
+	padding: "same",
+	name: "conv2"
+
+} );
 
 layer2.apply( input );
 
-let layer3 = new TSP.layers.Conv2d({
+let layer3 = new TSP.layers.Conv2d( {
+
 	kernelSize: 2,
 	filters: 4,
 	strides: 1,
-	padding: "same"
-});
+	padding: "same",
+	name: "conv3"
+
+} );
 
 layer3.apply( layer2 );
 
-let addLayer = new TSP.layers.Add([layer1, layer3]);
+let addLayer = new TSP.layers.Add(
+
+    [ layer1, layer3 ],
+
+    { name: "add" }
+
+);
 
 let model = new TSP.model.Model(container, {
 
     ...
-    inputs: [input],
-    outputs: [addLayer],
-    outputsOrder: ["input", "conv1", "conv2", "conv3", "add"],
+    inputs: [ input ],
+    outputs: [ addLayer ],
+    outputsOrder: [ "conv1", "conv2", "conv3", "add" ],
     ...
 
-});</code></pre>
+} );</code></pre>
         </div>
 
         <div>

html/docs/modelFunctional_zh.html

@@ -333,10 +333,10 @@
             <pre><code class="Javascript">let model = new TSP.model.Model( container, {
 
     ...
-    // necessary configurations
-    inputs: [input],
-    outputs: [addLayer],
-    outputsOrder: ["input", "conv1", "conv2", "conv3", "add"],
+    // 模型参数配置
+    inputs: [ input ],
+    outputs: [ addLayer ],
+    outputsOrder: [ "conv1", "conv2", "conv3", "add" ],
     layerShape: "rect",
     layerInitStatus: "close",
     stats: true
@@ -350,48 +350,65 @@
         </div>
 
         <div class="code-snippet">
-            <pre><code class="Javascript">let input = new TSP.layers.GreyscaleInput({
-        shape: [28, 28, 1]
-});
+            <pre><code class="Javascript">let input = new TSP.layers.GreyscaleInput( {
+
+        shape: [ 28, 28, 1 ]
+
+} );
+
+let layer1 = new TSP.layers.Conv2d( {
 
-let layer1 = new TSP.layers.Conv2d({
 	kernelSize: 2,
 	filters: 36,
 	strides: 1,
-	padding: "same"
-});
+	padding: "same",
+	name: "conv1"
+
+} );
 
 layer1.apply( input );
 
-let layer2 = new TSP.layers.Conv2d({
+let layer2 = new TSP.layers.Conv2d( {
+
 	kernelSize: 2,
 	filters: 36,
 	strides: 1,
-	padding: "same"
-});
+	padding: "same",
+	name: "conv2"
+
+} );
 
 layer2.apply( input );
 
-let layer3 = new TSP.layers.Conv2d({
+let layer3 = new TSP.layers.Conv2d( {
+
 	kernelSize: 2,
 	filters: 4,
 	strides: 1,
-	padding: "same"
-});
+	padding: "same",
+	name: "conv3"
+
+} );
 
 layer3.apply( layer2 );
 
-let addLayer = new TSP.layers.Add([layer1, layer3]);
+let addLayer = new TSP.layers.Add(
+
+    [ layer1, layer3 ],
+
+    { name: "add" }
+
+);
 
 let model = new TSP.model.Model(container, {
 
     ...
-    inputs: [input],
-    outputs: [addLayer],
-    outputsOrder: ["input", "conv1", "conv2", "conv3", "add"],
+    inputs: [ input ],
+    outputs: [ addLayer ],
+    outputsOrder: [ "conv1", "conv2", "conv3", "add" ],
     ...
 
-});</code></pre>
+} );</code></pre>
         </div>
 
         <div>