nodejs的HTML分析利器node-jquery用法浅析
2019/6/27 21:39:39
本文主要是介绍nodejs的HTML分析利器node-jquery用法浅析,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
本文实例分析了nodejs的HTML分析利器node-jquery用法。分享给大家供大家参考,具体如下:
首先描述产生这篇随笔的场景:我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上,但是由于jenkins没有直接的API取得数据所需数据,所以我们只能从自建的容器发布Javascript Coverage数据API,供Report项目使用。
由于采用简单的数据分析,只是Host一个简单的web Server,所以本人不喜欢Tomcat,IIS这类大型工具,显得有点杀鸡用牛刀,班门弄斧。我更喜欢node.js这类简易的web容器。所以项目采用node.js,并node.js天然的javascript与html操作的天然一体,借助DOM结构使得解析Html更容易,简洁。
Node.js解析HTML DOM的当然是htmlpaser,jsdom。然而个人更喜欢jQuery的风格,与web jQuery的统一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学习demo
希望本文所述对大家nodejs程序设计有所帮助。
这篇关于nodejs的HTML分析利器node-jquery用法浅析的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set