优化js运行效率

Author: netcan

Lexical/index.html

@@ -132,38 +132,31 @@ <h3 class="ui header">Lexical analyer output</h4>
 							$('#out').html('');
 							$('#token').html('');
 						}
+						var token = '';
+						var out = '';
 						data.forEach(function(entry){
-							if(first == 0) {
-								$('#token').html('<a class="tiny ui basic circular label">#' + entry['pos'][0] + '</a>');
-								$('#token').append('<a class="tiny ui ' + color[entry['tuple'][0]] + ' label" data-title="Token Info" data-content="'+
-										"Type: " + entry['type'] + ", Pointer: " + entry['tuple'][1] + ", Postion: (" + entry['pos'][0] + ', ' + entry['pos'][1] + ')'
-										+'">' + entry['word'] + '</a>');
-								$('#out').html("<tr class='"+ (entry["type"] == "ERROR"?"negative":"") +"'><td>"+first+"</td><td>"+entry["word"]+
-										"</td><td>("+entry["tuple"][0]+", "+entry["tuple"][1]+")</td><td>"+
-										entry["type"] + "</td><td>(" + entry["pos"][0] + ", " + entry["pos"][1] + ")</td></tr>"
-										);
-							}
-							else {
-								if(lastrow != entry['pos'][0])
-									$('#token').append('<hr><a class="tiny ui basic circular label">#' + entry['pos'][0] + '</a>');
+							if(lastrow != entry['pos'][0])
+								token += '<hr><a class="tiny ui basic circular label">#' + entry['pos'][0] + '</a>';
+							token +='<a class="tiny ui ' + color[entry['tuple'][0]] + ' label" data-title="Token Info" data-content="'+
+								"Type: " + entry['type'] + ", Pointer: " + entry['tuple'][1] + ", Postion: (" + entry['pos'][0] + ', ' + entry['pos'][1] + ')'
+								+'">' + entry['word'] + '</a>';
+							out += "<tr class='"+ (entry["type"] == "ERROR"?"negative":"") +"'><td>"+first+"</td><td>"+entry["word"]+
+								"</td><td>("+entry["tuple"][0]+", "+entry["tuple"][1]+")</td><td>"+
+								entry["type"] + "</td><td>(" + entry["pos"][0] + ", " + entry["pos"][1] + ")</td></tr>";
 
-								$('#token').append('<a class="tiny ui ' + color[entry['tuple'][0]] + ' label" data-title="Token Info" data-content="'+
-										"Type: " + entry['type'] + ", Pointer: " + entry['tuple'][1] + ", Postion: (" + entry['pos'][0] + ', ' + entry['pos'][1] + ')'
-										+'">' + entry['word'] + '</a>');
-								$('#out').append("<tr class='"+ (entry["type"] == "ERROR"?"negative":"") +"'><td>"+first+"</td><td>"+entry["word"]+
-										"</td><td>("+entry["tuple"][0]+", "+entry["tuple"][1]+")</td><td>"+
-										entry["type"] + "</td><td>(" + entry["pos"][0] + ", " + entry["pos"][1] + ")</td></tr>"
-										);
-							}
 							++first;
 							lastrow = entry['pos'][0];
-							$('#token a').popup();
 						});
+					//	console.log(token);
+					//	console.log(out);
+						$('#token').html(token);
+						$('#out').html(out);
+						$('#token a').popup();
 					}
 				});
 			}
 
-			$('textarea').on('change keyup paste', update);
+			$('textarea').on('keyup paste', update);
 
 			$('textarea').val(
 					"int a = 2, b = 3;\n" +