-

xiyueta.js库 - 入门指南

xiyueta.js库是一个快速解析html字符串遍历网页dom结构的JavaScript库。它通过与jQuery语法使用一致的 API 使 html文档遍历和处理更加简单。xiyueta.js库是先解析网页html文本再遍历html网页dom,xiyueta.js库可以在WEB浏览器里使用,也可以在ASP程序里使用,也可以在nodejs里使用。 xiyueta库在nodejs里使用比cheerio库性能更好,xiyueta库比cheerio库解析html字符串的速度快3至5倍。 xiyueta.js库设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。xiyueta的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口。

xiyueta

xiyueta.js库兼容性和面向场景

xiyueta.js库兼容绝大多数浏览器,可作为 HTML/CSS文档解析遍历dom助手。
xiyueta.js库同时也可以在nodejs环境里使用,也可以在ASP程序里使用。

获得 xiyueta

1. 官网首页下载

你可以在我们的 官网首页 下载到 xiyueta的最新版,它经过了自动化构建,更适合用于生产环境。目录结构如下:

  ├─xiyueta.min.js //核心库
  │  
  └─src  //源码目录
    ├─xiyueta.js       //HTML解析库
    ├─xiyueta.css.js   //CSS解析库
    ├─xiyueta.more.js  //xiyueta.js库更多自定义属性方法
    ├─common.js        //公共函数库
    ├─url.js           //网址处理
    ├─handle.js        //HTML网页处理
    └─tpl.js           //模板库
     

2. Git 仓库下载

你也可以通过 GitHub码云CodeChina 得到 xiyueta的完整开发包,以便于你进行二次开发

3. npm 下载

你也可以通过 npm 得到 xiyueta的完整开发包,以便于你进行二次开发
 

npm i xiyueta                下载最新版xiyueta.js库
npm view xiyueta versions    查看xiyueta模块全部版本
npm install xiyueta@1.0.0    安装xiyueta指定版本
      

快速上手xiyueta.js库

如果你将 xiyueta 下载到了本地,那么可将其完整地放置到你的项目目录(或静态资源服务器)
尝试一下>>

  • web代码
  • nodejs代码
  • asp代码
  • 效果
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Start using xiyueta JS Library</title>
</head>
<body>
 
<!-- Your HTML code -->
 
<script src="http://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>
  $().parse("<div>hello world!</div>"); //Parsing HTML
  $("div").text("xiyueta.com"); //Set page div
  alert($().print())
</script> 
</body>
</html>
var $ = require('xiyueta')

$().parse("<div>hello world!</div>"); //Parsing HTML
$("div").text("xiyueta.com"); //Set page div
console.log( $().print() )
<script  language="javascript" runat="server" src="./dist/asp.xiyueta.min.js"></script> 
<%
xiyueta().parse("<div>hello world!</div>") 'Parsing HTML
xiyueta("div").text("xiyueta.com") 'Set page div
console.log( xiyueta().print() )
%>
<div>xiyueta.com</div>

xiyueta自定义方法

xiyueta中添加自定义属性方法1,如 $.fn.extend({'aa':function(){}}) 或 xiyueta.fn.aa=function(){}, 这种调用时就得这样,$().aa()
xiyueta中添加自定义工具方法2,如$.extend({'aa':function(){}}),这种调用时就是这样$.aa()
<script src="http://www.xiyueta.com/js/xiyueta.min.js"></script>
<script type="text/javascript">  
 
//自定义方法第一种
xiyueta.fn.myFuncOne=function(){
    alert("我的自定义xiyueta方法1");
}
$().myFuncOne();//调用方法
 
//自定义方法第二种
xiyueta.fn.extend({
    'myFuncTow':function(){
        alert("我的自定义xiyueta方法2");
    }
})
$().myFuncTow();//调用方法
 
//自定义方法第三种
xiyueta.myFuncThree=function(){
    alert("我的自定义xiyueta方法3");
}
$.myFuncThree();//调用方法
 
//自定义方法第四种
xiyueta.extend({
    'myFuncFour':function(){
        alert("我的自定义xiyueta方法4");
    }
})
$.myFuncFour();//调用方法
 
</script>
          

xiyueta - 在每一个细节中,用心做到最好。 作者QQ 313801120