node上HTML分析利器node-jquery

简介:

      首先描述产生这篇随笔的场景:我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上,但是由于jenkins没有直接的API取得数据所需数据,所以我们只能从自建的容器发布Javascript Coverage数据API,供Report项目使用。

 

     由于采用简单的数据分析,只是Host一个简单web Server,所以本人不喜TomcatIIS这类大型工具,得有点杀鸡用牛刀,班弄斧。我更喜node.js这类简易web容器。所以目采用node.js,并node.js天然的javascripthtml操作的天然一体,借助DOM构使得解析Html更容易,简洁

      Node.js解析HTML DOM的当然是htmlpaserjsdom。然而个人更喜jQuery格,与web jQueryAPI,所以选择node-jquery.其代部署在Githubhttps://github.com/coolaj86/node-jquery. 

     下面是本人写个一个简单demo  抓取Github Popular project打印在控制台出。

 
  1. var $ = require('jquery'); 
  2.  
  3.   
  4.  
  5. String.format = function() { 
  6.  
  7.     var s = arguments[0]; 
  8.  
  9.     for (var i = 0; i < arguments.length - 1; i++) { 
  10.  
  11.         var reg = new RegExp("\\{" + i + "\\}""gm"); 
  12.  
  13.         s = s.replace(reg, arguments[i + 1]); 
  14.  
  15.     } 
  16.  
  17.   
  18.  
  19.     return s; 
  20.  
  21. }; 
  22.  
  23.   
  24.  
  25.  $.get("https://github.com/popular/forked",function(html){ 
  26.  
  27.   
  28.  
  29.         var $doc = $(html); 
  30.  
  31.     console.log("No.  name  language  star   forks  "
  32.  
  33.         $doc.find("ul.repolist li.source").each(function(i,project){ 
  34.  
  35.   
  36.  
  37.         var $project = $(project); 
  38.  
  39.                var name = $project.find("h3").text().trim(); 
  40.  
  41.                var language = $project.find("li:eq(0)").text().trim(); 
  42.  
  43.                var star = $project.find("li.stargazers").text().trim(); 
  44.  
  45.                var forks = $project.find("li.forks").text().trim(); 
  46.  
  47.                var row =String.format("{4} {0}  {1}  {2}  {3}",name, 
  48.  
  49.                        language,star,forks,i + 1 ); 
  50.  
  51.                
  52.  
  53.                console.log(row); 
  54.  
  55.         }); 
  56.  
  57.  }); 

 

此项目寄宿在我Github https://github.com/greengerong/node-jquery-demo。仅供了解node-jquery学习demo,欢迎指教。





 本文转自 破狼 51CTO博客,原文链接:http://blog.51cto.com/whitewolfblog/1141712,如需转载请自行联系原作者


相关文章
|
2月前
|
JavaScript 前端开发 编译器
Nodejs 第二十三章(Markdown 转 html)
Nodejs 第二十三章(Markdown 转 html)
67 0
|
2月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
81 0
|
20天前
|
前端开发 搜索推荐 UED
HTML表单提交的几种常用方式及其优缺点分析
HTML表单提交的几种常用方式及其优缺点分析
|
1月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
1月前
切方块游戏 HTML5+jQuery【附源码】
切方块游戏 HTML5+jQuery【附源码】
16 0
|
1月前
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
29 0
|
2月前
|
数据采集 JavaScript 数据可视化
Node.js爬虫在租房信息监测与分析中的应用
Node.js爬虫在租房信息监测与分析中的应用
|
2月前
|
移动开发 JavaScript 前端开发
APP的HTML5页面经过运营商网络被植入手机管家问题及分析,解决方案见新文章
APP的HTML5页面经过运营商网络被植入手机管家问题及分析,解决方案见新文章
31 0
|
2月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
|
2月前
|
数据采集 存储 JavaScript
PHP爬虫技术:利用simple_html_dom库分析汽车之家电动车参数
本文旨在介绍如何利用PHP中的simple_html_dom库结合爬虫代理IP技术来高效采集和分析汽车之家网站的电动车参数。通过实际示例和详细说明,读者将了解如何实现数据分析和爬虫技术的结合应用,从而更好地理解和应用相关技术。
PHP爬虫技术:利用simple_html_dom库分析汽车之家电动车参数