很多公司的前端設(shè)計(jì)開發(fā)人員都是女孩子,而這些女孩子很多JavaScript技能都不是很好。而前端開發(fā)過程中,JavaScript技能又是必不可少的。所以,如果前端小MM正在為某個(gè)JavaScript效果發(fā)愁的時(shí)候,你瀟灑的過去,然后對(duì)她說:“嗨,美女,用這個(gè)吧。這是我寫的一個(gè)jQuery插件。”我想基本上你的人生大事就能很快解決。
先想好做個(gè)什么功能
這是第一步,也是很重要的一步,鑒于咱們都是剛學(xué)習(xí)寫jQuery插件,所以,這個(gè)功能一定要簡單一些。不要想一口就吃個(gè)胖子,咱也吃不了。咱還是撿個(gè)瘦的下手吧。但是,這個(gè)功能也不能太無聊,如果無聊到幾乎沒用處,就算做好了也是扔到馬桶里,不會(huì)持續(xù)更新,也便不會(huì)持續(xù)進(jìn)步了。
我最終選擇的是:美化表格,讓表格的奇偶行顏色不同,然后鼠標(biāo)移到某行上,某行可以高亮顯示。功能簡單又實(shí)用,不錯(cuò),不錯(cuò)。呵呵~~
不急著寫,先想想實(shí)現(xiàn)原理
還不急,先想想實(shí)現(xiàn)原理。必要的時(shí)候,先寫出簡單的實(shí)現(xiàn)的原型。
我的這個(gè)美化表格的例子,實(shí)現(xiàn)原理倒是簡單,無非就是找到表格的奇偶行,然后添加不同的class,活動(dòng)行高亮顯示也很簡單,只要判斷mouseover事件,然后添加一個(gè)class,mouseout的時(shí)候,再去掉這個(gè)class即可。
一個(gè)通用的框架
在動(dòng)手寫自己的jQuery插件之前,自然是先研究一下別人寫的插件了。其實(shí)寫jQuery也基本有一個(gè)通用的框架。行,那咱也把這框架照搬過來吧。
(function($){
$.fn.yourName = function(options){
//各種屬性、參數(shù)
}
var options = $.extend(defaults, options);
this.each(function(){
//插件實(shí)現(xiàn)代碼
});
};
})(jQuery);
有了這個(gè),咱就可以往里面套東西了。
名號(hào)、參數(shù)和屬性
好不容易開始闖蕩江湖了,一定要有一個(gè)響亮的名號(hào)才行,這樣走在江湖上,才能夠
主站蜘蛛池模板:
陇川县|
化隆|
渝北区|
宝鸡市|
华容县|
固阳县|
巢湖市|
鄂尔多斯市|
青田县|
乾安县|
龙江县|
方山县|
九龙城区|
新河县|
溧水县|
吴堡县|
高雄县|
昌黎县|
石河子市|
会东县|
新兴县|
蚌埠市|
马边|
黔江区|
科尔|
庐江县|
新安县|
昌黎县|
林口县|
津市市|
兴宁市|
拉萨市|
铜梁县|
隆安县|
弋阳县|
大余县|
承德县|
沈丘县|
读书|
宜城市|
策勒县|