首页 技术 正文
技术 2022年11月15日
0 收藏 407 点赞 2,274 浏览 1902 个字

计划按例如以下顺序完毕这篇笔记:

  1. Java程序猿的JavaScript学习笔记(1——理念)
  2. Java程序猿的JavaScript学习笔记(2——属性复制和继承)
  3. Java程序猿的JavaScript学习笔记(3——this/call/apply)
  4. Java程序猿的JavaScript学习笔记(4——this/闭包/getter/setter)
  5. Java程序猿的JavaScript学习笔记(5——prototype)
  6. Java程序猿的JavaScript学习笔记(6——面向对象模拟)
  7. Java程序猿的JavaScript学习笔记(7——jQuery基本机制)
  8. Java程序猿的JavaScript学习笔记(8——jQuery选择器)
  9. Java程序猿的JavaScript学习笔记(9——jQuery工具方法)
  10. Java程序猿的JavaScript学习笔记(10——jQuery-在“类”层面扩展)
  11. Java程序猿的JavaScript学习笔记(11——jQuery-在“对象”层面扩展)
  12. Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)
  13. Java程序猿的JavaScript学习笔记(13——jQuery UI)
  14. Java程序猿的JavaScript学习笔记(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();

目的达成。

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,129
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,601
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,444
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,218
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,852
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,940