快捷導(dǎo)航

nodejs的HTML分析利器node-jquery用法淺析

更新時(shí)間：2016年11月08日 08:54:45 作者：破狼

這篇文章主要介紹了nodejs的HTML分析利器node-jquery用法,簡單分析了node-jquery的功能并結(jié)合實(shí)例說明了node-jquery控制臺(tái)輸出信息的操作技巧,需要的朋友可以參考下

本文實(shí)例分析了nodejs的HTML分析利器node-jquery用法。分享給大家供大家參考，具體如下：

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

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

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

下面是本人寫個(gè)一個(gè)簡單demo：抓取Github Popular project打印在控制臺(tái)輸出。

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);
    });
 });

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

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

您可能感興趣的文章:

相關(guān)文章

使用Node實(shí)現(xiàn)Git倉庫批量克隆的操作步驟
分享一個(gè)node腳本,通過調(diào)用gitee的OpenApi獲取自己的代碼倉庫列表,達(dá)到批量克隆項(xiàng)目的效果,文中通過代碼示例和圖文講解的非常詳細(xì),感興趣的小伙伴可以參考閱讀一下
2024-04-04
NodeJS學(xué)習(xí)筆記之Module的簡介
模塊是Node.js 應(yīng)用程序的基本組成部分，文件和模塊是一一對應(yīng)的。換言之，一個(gè) Node.js 文件就是一個(gè)模塊，這個(gè)文件可能是JavaScript 代碼、JSON 或者編譯過的C/C++ 擴(kuò)展。
2017-03-03
利用yarn代替npm管理前端項(xiàng)目模塊依賴的方法詳解
這篇文章主要給大家介紹了關(guān)于利用yarn代替npm管理前端項(xiàng)目模塊依賴的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2017-09-09
nvm管理node無法正常切換node版本問題的解決方法
相信一定會(huì)有存在一些小伙伴明明都已經(jīng)按著操作卸載node 和安裝nvm 了但是依舊無法正常通過nvm管理node,本文將給大家介紹nvm管理node無法正常切換node版本問題的解決方法,需要的朋友可以參考下
2024-01-01
使用Node.js構(gòu)建微服務(wù)的方法
這篇文章主要介紹了使用Node.js構(gòu)建微服務(wù),將介紹微服務(wù)架構(gòu)、優(yōu)勢以及如何使用Node.js開發(fā)微服務(wù)，需要的朋友可以參考下
2022-08-08
從零開始在webstorm配置nodejs
WebStorm是作為JS開發(fā)IDE存在的,并且支持流行的Node.js以及JQuery等js框架,下面這篇文章主要給大家介紹了關(guān)于如何從零開始在webstorm配置nodejs的相關(guān)資料,需要的朋友可以參考下
2024-08-08
基于node實(shí)現(xiàn)websocket協(xié)議
這篇文章主要介紹了基于node實(shí)現(xiàn)websocket協(xié)議的相關(guān)資料,需要的朋友可以參考下
2016-04-04
Node+Express+MongoDB實(shí)現(xiàn)登錄注冊功能實(shí)例
這篇文章主要介紹了Node+Express+MongoDB實(shí)現(xiàn)登錄注冊功能,需要的朋友可以參考下
2017-04-04
ExpressJS入門實(shí)例
這篇文章主要介紹了ExpressJS入門實(shí)例,本文講解了創(chuàng)建項(xiàng)目、進(jìn)入目錄、安裝項(xiàng)目依賴的包、創(chuàng)建應(yīng)用程序、運(yùn)行程序等內(nèi)容,需要的朋友可以參考下
2015-01-01
node搭建后臺(tái)的實(shí)現(xiàn)步驟
本文介紹了使用Node.js搭建后臺(tái)的實(shí)現(xiàn)步驟,文章詳細(xì)闡述了每個(gè)步驟的實(shí)現(xiàn)過程,并給出了示例代碼,對于想要了解如何使用Node.js搭建后臺(tái)的讀者具有一定的參考價(jià)值
2023-08-08