-

xiyuetaJS库 - 入门指南

xiyueta是一个快速解析遍历网页html字符串的JavaScript库。它通过与jQuery语法使用一致的 API 使 HTML 文档遍历和操作等工作变得更加简单。xiyueta库是先解析网页html文本再操作网页DOM,xiyueta库可以在WEB浏览器里使用,也可以在ASP程序里使用,也可以在nodejs里使用,还可以把ASP程序转成PHP程序等。 xiyueta设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。xiyueta的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口。

xiyeuta

xiyueta库兼容性和面向场景

xiyueta库兼容绝大多数浏览器,可作为 HTML/CSS/JS/ASP 文档遍历和操作助手。

获得 xiyueta

1. 官网首页下载

你可以在我们的 官网首页 下载到 xiyueta的最新版,它经过了自动化构建,更适合用于生产环境。目录结构如下:
  ├─xiyueta.min.js //核心库
  │  
  └─src  //源码目录
    ├─xiyueta.js      //HTML解析库
    ├─xiyueta.css.js  //CSS解析库
    ├─xiyueta.asp.js  //ASP解析库
    ├─common.js       //公共函数库
    ├─url.js          //网址处理
    ├─handle.js       //HTML网页处理
    └─tpl.js          //模板库
     

2. Git 仓库下载

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

3. npm 下载

你也可以通过 npm 得到 xiyueta的完整开发包,以便于你进行二次开发
npm i xiyueta                下载最新版xiyuetaJS库
npm view xiyueta versions    查看xiyueta模块全部版本
npm install xiyueta@1.0.0    安装xiyueta指定版本
      

快速上手xiyueta库

如果你将 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('<title>hello world!</title>'); //Parsing HTML
  $("title").text("xiyueta.com"); //Set page title
  alert($().print())
</script> 
</body>
</html>
      
var $ = require('xiyueta')
console.log($("title").parse("<title>xiyueta</title>").text());                        
                    
<script  language="javascript" runat="server" src="./dist/asp.xiyueta.min.js"></script> 
<%
console.log(xiyueta("p").parse("<p class='nav'>xiyueta<br>bbb</p>").text())
%>
                    
xiyueta
            

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