首先描述產(chǎn)生這篇隨筆的場景：我需要獲取項目在jenkins構(gòu)建的最新Javascript Coverage顯示在供管理層次查看的項目情況Report上，但是由于jenkins沒有直接的API取得數(shù)據(jù)所需數(shù)據(jù)，所以我們只能從自建的容器發(fā)布Javascript Coverage數(shù)據(jù)API，供Report項目使用。

由于采用簡單的數(shù)據(jù)分析，只是Host一個簡單的web Server,所以本人不喜歡Tomcat，IIS這類大型工具，顯得有點殺雞用牛刀，班門弄斧。我更喜歡node.js這類簡易的web容器。所以項目采用node.js，并node.js天然的javascript與html操作的天然一體，借助DOM結(jié)構(gòu)使得解析Html更容易，簡潔。

Node.js解析HTML DOM的當(dāng)然是htmlpaser，jsdom。然而個人更喜歡jQuery的風(fēng)格，與web jQuery的統(tǒng)一API,所以選擇了node-jquery.其代碼部署在Github的https://github.com/coolaj86/node-jquery.

下面是本人寫個一個簡單demo：抓取Github Popular project打印在控制臺輸出。

var $ = require('jquery');
String.format = function() {
  var s = arguments[0];
  for (var i = 0; i < arguments.length - 1; i++) {
    var reg = new RegExp("\\{" + i + "\\}", "gm");
    s = s.replace(reg, arguments[i + 1]);
  }
  return s;
};
 $.get("https://github.com/popular/forked",function(html){
    var $doc = $(html);
  console.log("No. name language star  forks ")
    $doc.find("ul.repolist li.source").each(function(i,project){
    var $project = $(project);
        var name = $project.find("h3").text().trim();
        var language = $project.find("li:eq(0)").text().trim();
        var star = $project.find("li.stargazers").text().trim();
        var forks = $project.find("li.forks").text().trim();
        var row =String.format("{4} {0} {1} {2} {3}",name,
            language,star,forks,i + 1 );
        console.log(row);
    });
 });

此項目寄宿在Github https://github.com/greengerong/node-jquery-demo。僅供了解node-jquery學(xué)習(xí)demo

希望本文所述對大家nodejs程序設(shè)計有所幫助。

您可能感興趣的文章: