有关为实际应用寻找良好神经网络架构的资源(Resources on finding good Neural Network architectures for real applications)

 这很简单。 这是一个例子 。 
 
 示例HTML： 
 
<p><a href="#" data-xpath="/bib/book[2]">2nd book</a></p>
<p><a href="#" data-xpath="/bib/book[3]/author[1]">1st author of the 3rd book</a></p>
<p><a href="#" data-xpath="/bib/book/author">All authors</a></p>
<div id="doc-content"></div>
 
 示例CSS： 
 
#doc-content { white-space: pre; }
.highlight { color: red; }
 
 和JavaScript代码。 示例XML文档： 
 
var doc = `<bib xmlns="">
  <book>
    <title>TCP/IP Illustrated</title>
    <author>Stevens</author>
    <publisher>Addison-Wesley</publisher>
  </book>
  <book>
    <title>Advanced Programming in the Unix Environment</title>
    <author>Stevens</author>
    <publisher>Addison-Wesley</publisher>
  </book>
  <book>
    <title>Data on the Web</title>
    <author>Abiteboul</author>
    <author>Buneman</author>
    <author>Suciu</author>
  </book>
</bib>`;
 
 一些用于生成GUID的实用程序函数： 
 
function s4() {
  return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
}
function guid() {
  return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}
 
 主函数从data-xpath属性获取XPath表达式，查找匹配表达式的节点并在匹配节点前后插入魔法注释。 然后XML文档被串行化为一个字符串。 最后，我们用<span class =“highlight”>取代神奇的评论： 
 
var parser = new DOMParser();
var printer = new XMLSerializer();
function highlightXPath(e) {
  var xpath = e.target.dataset.xpath;
  var xml = parser.parseFromString(doc, 'text/xml');
  var nodes = xml.evaluate(xpath, xml, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  var id = guid();
  for (var i = 0; i < nodes.snapshotLength; i++) {
    var node = nodes.snapshotItem(i);
    node.parentNode.insertBefore(xml.createComment('start_' + (i+1) + '_' + id), node);
    node.parentNode.insertBefore(xml.createComment('end_' + (i+1) + '_' + id), node.nextSibling);
  }
  var str = printer.serializeToString(xml);
  var content = document.getElementById('doc-content');
  content.innerHTML = str.replace(/</g, '&lt;')
    .replace(/&lt;!--start_(\d+)_.*?-->/g, '<span id="highlight$1" class="highlight">')
    .replace(/&lt;!--end_.*?-->/g, '</span>');
}
 
 将事件处理程序附加到链接并显示XML文档的初始未着色内容： 
 
window.onload = function () {
  var links = document.querySelectorAll('a[data-xpath]');
  for (var i = 0; i < links.length; i++) {
    links[i].addEventListener('click', highlightXPath);
  }
  var content = document.getElementById('doc-content');
  content.innerHTML = doc.replace(/</g, '&lt;');
};

It's very simple. Here is an exmple.
 
Sample HTML:
 
<p><a href="#" data-xpath="/bib/book[2]">2nd book</a></p>
<p><a href="#" data-xpath="/bib/book[3]/author[1]">1st author of the 3rd book</a></p>
<p><a href="#" data-xpath="/bib/book/author">All authors</a></p>
<div id="doc-content"></div>
 
Sample CSS:
 
#doc-content { white-space: pre; }
.highlight { color: red; }
 
And the JavaScript code. Sample XML document:
 
var doc = `<bib xmlns="">
  <book>
    <title>TCP/IP Illustrated</title>
    <author>Stevens</author>
    <publisher>Addison-Wesley</publisher>
  </book>
  <book>
    <title>Advanced Programming in the Unix Environment</title>
    <author>Stevens</author>
    <publisher>Addison-Wesley</publisher>
  </book>
  <book>
    <title>Data on the Web</title>
    <author>Abiteboul</author>
    <author>Buneman</author>
    <author>Suciu</author>
  </book>
</bib>`;
 
Some utility functions to generate GUIDs:
 
function s4() {
  return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
}
function guid() {
  return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}
 
Main function gets XPath expression from the data-xpath attribute, finds nodes matched by the expression and inserts magic comments before and after matching nodes. Then the XML document is serialized as a string. And at last we replace magic comments by <span class="highlight">:
 
var parser = new DOMParser();
var printer = new XMLSerializer();
function highlightXPath(e) {
  var xpath = e.target.dataset.xpath;
  var xml = parser.parseFromString(doc, 'text/xml');
  var nodes = xml.evaluate(xpath, xml, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  var id = guid();
  for (var i = 0; i < nodes.snapshotLength; i++) {
    var node = nodes.snapshotItem(i);
    node.parentNode.insertBefore(xml.createComment('start_' + (i+1) + '_' + id), node);
    node.parentNode.insertBefore(xml.createComment('end_' + (i+1) + '_' + id), node.nextSibling);
  }
  var str = printer.serializeToString(xml);
  var content = document.getElementById('doc-content');
  content.innerHTML = str.replace(/</g, '&lt;')
    .replace(/&lt;!--start_(\d+)_.*?-->/g, '<span id="highlight$1" class="highlight">')
    .replace(/&lt;!--end_.*?-->/g, '</span>');
}
 
Attach event handlers to links and display the initial unhighlighted content of the XML document:
 
window.onload = function () {
  var links = document.querySelectorAll('a[data-xpath]');
  for (var i = 0; i < links.length; i++) {
    links[i].addEventListener('click', highlightXPath);
  }
  var content = document.getElementById('doc-content');
  content.innerHTML = doc.replace(/</g, '&lt;');
};