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.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的完整开发包，以便于你进行二次开发

GitHub 码云

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