//現在大大多專案都是用jquery開發的,jquery 很好用,不妨自己寫一下自己的jquery ,了解jquery內部實現的原理。
//和上篇隨筆一樣,採用物件導向的方法封裝自己的js庫.
1.和jquery 一樣,jquery $()方法裡面.能傳四種不同的引數如:
$("")乙個字串
字串的形式有三種情況:$("#id"),$(".class"),$("p");
$(function
(){}),函式,
只有一情況,就是window.onload
$(this
),物件
function
xquery(varg)
break;
case "object":
this
.elements.push(varg);
break
; }}//
寫乙個類似jquery的$方法
function
$(varg)
//下面來通過原型的方法給xquery物件新增各種方法:
xquery.prototype =
i = null;//
通過js的作用域我們知道,這時候i還有值的,i = this.elements.length;,所以我們需要手動釋放i;
//為了實現jquery的鏈式操作,我們需要返回當前物件
return
this
; },
hover :
function
(fnover,fnout)
if(fnout)
}return
this
; },
css :
function
(attr,value)
}else
else
}return
this
; }}},
extend :
function(name,fn),
//....好了就寫這麼多,其它的方法的實現都差不多,
};//
傳統的js頁面只能有乙個window.onload = function(){};
//要想要多個的話得用事件繫結的方式.
function
bindevent(obj, ev, fn)
}, false
); }
else
})}}
//獲採樣式
function
getstyle(obj,attr)
else}//
總結:xquery 只是實現了一很小部分的jquery功能,以此勉勵自己在用別人的框架的同時,要明白基原理,不能做傻瓜式開發.
封裝自己的jquery外掛程式
第一步 要想封裝自己的jq外掛程式,要先了解jquery外掛程式執行機制。jquery使用無new的構造方式,直接 進行構造,相當於new jquery 看下面例子。jquery將jquery.prototype賦值給jquery.prototype.init的prototype作為中轉站,最終re...
建立自己的封裝庫(三)
前面兩篇已經弄好了自己的封裝庫啦,可是都是2d的封裝,沒有3d的看起來炫酷,那麼接下來就給我們的封裝新增3d模型吧 先上張圖 先找到我們需要的原件的3d模型,推薦 只不過我通常都是大概對好了就行了 接下來基本上就搞定啦 3d檢視下可以幫助我們看一下布局,元件和元件之間會不會擋著了,就比如12864這...
python使用自己封裝的庫
我想做乙個隨機生成使用者資訊的工具庫 人名隨機,性別隨機,還有粉絲隨機。中國人名分姓和名,我用first name.txt存姓,用last name.txt存名 分別解析2個檔案,得到我們需要的資料,實現 ln path users cykj desktop last name.txt fn pat...