欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery源碼中的chunker 正則過濾符分析

 更新時(shí)間：2012年07月31日 23:52:03   作者：  
這是Jq中最長(zhǎng)的一個(gè)正則了，也研究了很久，一直很懵懂，感覺還是通過調(diào)試，然后一步一步的分析值理解起來比較容易
復(fù)制代碼 代碼如下:
var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,

這是Jq中最長(zhǎng)的一個(gè)正則了，也研究了很久，一直很懵懂，感覺還是通過調(diào)試，然后一步一步的分析值理解起來比較容易，

我嘗試做成圖形比較直觀一點(diǎn)，以不同的顏色區(qū)分了一下，如下圖：


分組一是通過以下代碼逐一拆分成一個(gè)數(shù)組的：
復(fù)制代碼 代碼如下:

// 此處循環(huán)的作用是拆分每個(gè)選擇器到 parts 數(shù)組，比如div#id>p ul li 拆分成['div#id','>','p','ul','li']
while ( (chunker.exec(""), m = chunker.exec(soFar)) !== null ) {
// soFar存儲(chǔ)的是過濾了第一層后的選擇符字符串，也就是圖片上的分組三
soFar = m[3];
//選擇器塊第一部分推入數(shù)組
parts.push( m[1] );
// 如果拆分到了逗號(hào)的地方','，則前一組結(jié)束，跳出循環(huán)，到另外一組選擇器了
if ( m[2] ) {
// 記錄另外一組選擇器
extra = m[3];
break;
}
}

其它的比如ID，class之類的就好理解了
復(fù)制代碼 代碼如下:

match: {
// \u00c0-\uFFFF 匹配多個(gè)國(guó)家或名族的字母文字
ID: /#((?:[\w\u00c0-\uFFFF-]|\\.)+)/, //如：#myId
CLASS: /\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/, // 如：.myClass
NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/, //如：[name="myName"]
ATTR: /\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/, //如：[attribute="value"]
TAG: /^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/, //如：div p a
CHILD: /:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/, //如：:first-child or :nth-child(5n+1)
POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/, //如：:nth(3) span
PSEUDO: /:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/ // :jlkj\kjl('kl(kklk)kl')
}

未完待續(xù)……

相關(guān)文章

最新評(píng)論