Java程式員的JavaScript學習筆記(10—— jQuery-在“類”層面擴充),學習筆記jquery-
計劃按如下順序完成這篇筆記:
1. 理念。
2. 屬性複製和繼承。
3. this/call/apply。
4. 閉包/getter/setter。
5. prototype。
6. 物件導向類比。
7. jQuery基本機制。
8. jQuery選取器。
9. jQuery工具方法。
10. jQuery-在“類”層面擴充。
11. jQuery-在“對象”層面擴充。
12. jQuery-延伸選取器。
13. jQuery UI。
14. 擴充jQuery UI。
這是筆記的第10篇,我們考慮如何從實用角度,從“類”的角度對家Query進行擴充。
jQuery是一個緊湊的架構,專註解決最核心的問題,沒有追求大而全,所有擴充機制對jQuery來說,至關重要。
JavaScript以函數為基礎,今天我們試圖基於jQuery構建一個針對自己項目的函數庫,每個函數實現特定的功能,同時對這些函數進行有效組織。
作者部落格:http://blog.csdn.net/stationxp
作者微博:http://weibo.com/liuhailong2008
轉載請取得作者同意
1、目標通過$調用我們的函數庫。函數庫按照功用分級組織。效果如下:
$.util.parseDate
$.util.parseDecimal
$.page.event.init
2、方法上一篇我們瞭解到,通過jQuery.extend()可以方便地對jQuery進行擴充,甚至能覆蓋extend本身。
jQuery.extend()支援以下幾種函數簽名:
jQuery.extend(obj);
jQuery.extend(isDeep,obj);
jQuery.extend(target,src1,src2,...);
jQuery.extend(isDeep,target,src1,src2,...);
我們可以extend原始碼的基礎上修改,並覆蓋原來的extend,這樣修改一個可能被廣泛使用的函數,修改了其他人對輸入參數的預期,是不合適的,可能會誤導其他人,輸入了錯誤的參數,帶來錯誤隱患。
我們重新定義一個方法,如下:
jQuery.extend({ns_extend : function(){var ns, nss, target, i, src, length ;length = arguments.length;if(length>1){ns = arguments[0]; i = 1;} else { i = 0;}if(!( src = arguments[i] ) || !jQuery.isPlainObject( src ) ){return ;}target = this;if(ns){nss = ns.split('.'); // TODO 這裡需要做好多字元過濾處理for( var idx = 0; idx < nss.length ; ++idx){ns = nss[idx];// ns 的語義改變了,原來的語義使命結束,這裡用作臨時變數ns = jQuery.trim(ns);if(ns){target[ns] = target[ns] || {};target = target[ns];}}}for( ; i < length ; ++i ){src = arguments[i];jQuery.extend( target, src );}}});jQuery.ns_extend('pet',{miao : function(){alert('i am a cat');}});jQuery.ns_extend('my.fav.pet',{wangwang : function(){alert('i am a dog');}});$.pet.miao();$.my.fav.pet.wangwang();
目的達成!
現在作為一個java程式員,在項目開發中對於jQuery這個javascript架構會用到什方面的知識
jquery的話主要是操作前台的,如果你只是做背景話 通道的可能不會太多:
我只是說我所用到的啊
1:前台與後台進行無重新整理的操作從而達到資料的互動,當然也包過無重新整理上傳
2:如果你用jquert easyUI的話 可能用到json的就比較多了,無重新整理表格,無重新整理書,無重新整理下拉框,前台的所有空間都可以easyUI很簡單的就實現無重新整理,
3:提交表動的時候一些空間值的驗證了,諸如這些之類的,
如果說這些你們分工很明確的話 你這估計都不用謝,你只用後台返回json就行了,前台肯本就不用管
如果還有什麼不明白的話 請追問
java程式員用學JavaScript
1 如果你做GUI的圖形開發,那麼不需要!
2 如果你只做後台開發,那麼不需要
3 如果你做前台的頁面開發,那麼非常需要
OVER