iteye_15720

jquery core 源码分析

**
* author:prk
* date:2008-08-05
* comment:analeyse the core of jquery1.2.6
*
*/
/*
* jQuery
*
* @VERSION - New Wave Javascript
*
* Copyright (c) 2008 John Resig (jquery.com) Dual licensed under the MIT
* (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*
* $Date: 2008-07-24 01:00:32 +0800 (Thu, 24 Jul 2008) $ $Rev: 5793 $
*/
// Map over jQuery in case of overwrite
var _jQuery = window.jQuery,
// Map over the $ in case of overwriteff
_$ = window.$;
var jQuery = window.jQuery = window.$ = function(selector, context) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init(selector, context);
};
// A simple way to check for HTML strings or ID strings
// (both of which we optimize for)
var quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,
// Is it a simple selector
isSimple = /^.[^:#\[\.]*$/,
// Will speed up references to undefined, and allows munging its name.
undefined;
jQuery.fn = jQuery.prototype = {
init : function(selector, context) {
selector = selector || document;// 确定selector存在
// 第一种情况 Handle $(DOMElement)单个Dom 元素，忽略上下文
if (selector.nodeType) {
this[0] = selector;
this.length = 1;
return this;
}
if (typeof selector == "string") {//selector为string
// Are we dealing with HTML string or an ID?
var match = quickExpr.exec(selector);
// Verify a match, and that no context was specified for #id
if (match && (match[1] || !context)) {
if (match[1])// 第二种情况处理$(html) -> $(array)
selector = jQuery.clean([match[1]], context);
else {// 第三种情况：HANDLE: $("#id")//处理$("#id")
var elem = document.getElementById(match[3]);
// Make sure an element was located
if (elem) {
// Handle the case where IE and Opera return items
// by name instead of ID
if (elem.id != match[3])
return jQuery().find(selector);// 默认是document.find()
// Otherwise, we inject the element directly into the
// jQuery object
return jQuery(elem);
}
selector = [];
}
} else
// 第四种情况：处理$(expr, [context])==$(content).find(expr)
return jQuery(context).find(selector);
} else if (jQuery.isFunction(selector))
// 第五种情况：处理$(function)七Shortcut for document ready
return jQuery(document)[jQuery.fn.ready ? "ready" : "load"](selector);
// 第六种情况：处理$(elements)
return this.setArray(jQuery.makeArray(selector));
},
// 当前的版本号
jquery : "@VERSION",
// jquery对象中的元素的个数。jquery像数组。能通过$('p')[0]去取得Dom对象。
size : function() {
return this.length;
},
// jquery对象的元素的个数
length : 0,
// 取到本jquery对象的第几个Dom元素，无参数，代表全部的Dom元素
get : function(num) {
return num == undefined ? jQuery.makeArray(this) : this[num];
},
// 采用jQuery构建新对象，同时引用老对象。
pushStack : function(elems) {
var ret = jQuery(elems);// 构建新的jquery对象
ret.prevObject = this;// 保存老的对象的引用
return ret;
},
// 把array-like对象的元素全部push当前jquery对象。
setArray : function(elems) {
this.length = 0;
Array.prototype.push.apply(this, elems);
return this;
},
// 当前jquery对象中每个元素都执行callback(index,elem)函数
each : function(callback, args) {// 返回this
// 其调用了jQuery的静态方法。prototype中的mothodize是解决这类问题的好方法
return jQuery.each(this, callback, args);
},
// 找到elem在本jquery对象的位置(index)
index : function(elem) {
var ret = -1;
return jQuery.inArray( // 如是jQuery对象就取第一个元素
elem && elem.jquery ? elem[0] : elem, this);
},
// attr(properties)
// 将“名/值”形式的对象设置为所有匹配元素的属性。
// attr(name)
// 取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。
// attr(key,value)
// 为所有匹配的元素设置一个属性值。$("img").attr("src","test.jpg");
// attr(key,fn)
// 为所有匹配的元素设置一个由这个函数计算的值做属性值。
attr : function(name, value, type) {
var options = name;// 支持"名/值"形式的对象和string
if (name.constructor == String)
if (value === undefined)
// 调用curCss,attr静态方法返回本对象第一个元素的name的属性值
return this[0] && jQuery[type || "attr"](this[0], name);
else {// 设定属性值，把name String 转换成"名/值"对象，便于统一的处理
options = {};
options[name] = value;
}
return this.each(function(i) {// 为每个元素的指定的name属性设值
for (name in options)
// value=options[name],可以是Fn(index),this-->each elem
jQuery.attr(type ? this.style : this, name, jQuery
.prop(this, options[name], type, i, name));
});
},
// css(name)
// 访问第一个匹配元素的样式属性。
// css(name,value)
// 在所有匹配的元素中，设置一个样式属性的值。数字将自动转化为像素值
// css(properties)
// 把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
css : function(key, value) {
if ((key == 'width' || key == 'height') && parseFloat(value) < 0)
value = undefined;// 忽略负数
return this.attr(key, value, "curCSS");// 调用了curCSS方法
},
// text()
// 取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
// text(val)
// 设置所有匹配元素的文本内容.与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
text : function(text) {
if (typeof text != "object" && text != null)
return this.empty()// 除去所有的子元素，加上创建的文本节点
.append((this[0] && this[0].ownerDocument || document)
.createTextNode(text));
var ret = "";
jQuery.each(text || this, function() {// 所有匹配元素包含的文本内容组合起来
jQuery.each(this.childNodes, function() {
if (this.nodeType != 8)// 8：注释
ret += (this.nodeType != 1// 元素的话，递归子元素
? this.nodeValue
: jQuery.fn.text([this]));
});
});
return ret;
},
// *****************************************************************************
// 一组用于元素标签包裹操作的函数
// 将所有匹配的元素用单个元素包裹起来
// 这个函数的原理是检查提供的第一个元素并在它的代码结构中找到最上层的祖先元素－－这个祖先元素就是包装元素。
// 这于 '.wrap()' 是不同的，'.wrap()'为每一个匹配的元素都包裹一次。
wrapAll : function(html) {
if (this[0])
/*
*
Hello
cruel
World
。-->
* $("p").wrapAll("
");-->调用wrapAll的jQuery对象，称：A。有三个元素。
* 第一步:复制生成一个jQuery对象，称：B。得到：
的元素。
* 第二步：把B所有的元素都插在A[0]元素之前，得到
Hello
cruel
World
* 第三步：找到B对象中所有元素的最内面的节点，如

。称：inner Node;
* 第四步：向所有innerNode内部插入A对象的所有元素,得到
Hello
cruel
World
*/
jQuery(html, this[0].ownerDocument).clone().insertBefore(this[0])
.map(function() {// 找到当前元素的最下层的子节点
var elem = this;
while (elem.firstChild)
elem = elem.firstChild;
return elem;
}).append(this);// this指是调用wrapAll的jQuery对象。
return this;
},
// 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
wrapInner : function(html) {
return this.each(function() {// 这里包裹的对象是每个元素的对象的contents()
jQuery(this).contents().wrapAll(html);
});
},
// 对于当前的jquery对象的每个元素都执行wrapAll(html)
wrap : function(html) {
return this.each(function() {// 这里包裹的对象是每个元素的对象
jQuery(this).wrapAll(html);
});
},
// ************************************************************************
// ******************************************************************
// 该组方法主要是完成把元素插到什么地方，与Ext的DomHelp的功能相似。
// 在一个元素之前，之后，元素的开始，结束位置
// 向每个匹配的元素内部追加内容。
// 这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似
append : function() {
return this.domManip(arguments, true, false, function(elem) {
if (this.nodeType == 1)
this.appendChild(elem);
});
},
// 向每个匹配的元素内部前置内容。
// 这是向所有匹配元素内部的开始处插入内容的最佳方式。
prepend : function() {// elem =arguments的转化集合中的dom元素
return this.domManip(arguments, true, true, function(elem) {
if (this.nodeType == 1)// this=jQuery对象的每个元素（对于tr之类会修正)
this.insertBefore(elem, this.firstChild);
});
},
// 在每个匹配的元素之前插入内容。
before : function() {
return this.domManip(arguments, false, false, function(elem) {
this.parentNode.insertBefore(elem, this);// this=jQuery对象的每个元素
});
},
// 在每个匹配的元素之后插入内容
after : function() {
return this.domManip(arguments, false, true, function(elem) {
this.parentNode.insertBefore(elem, this.nextSibling);
});
},
// ******************************************************************
// 回到最近的一个"破坏性"操作之前。即，将匹配的元素列表变为前一次的状态。
end : function() {
return this.prevObject || jQuery([]);
},
// 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
// 所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。
find : function(selector) {
var elems = jQuery.map(this, function(elem) {// 找到每个元素的满足的
return jQuery.find(selector, elem);
});
return this.pushStack(/[^+>] [^+>]/.test(selector) ? jQuery
.unique(elems) : elems);// 是不是返回不重复的元素？
},
// clone当前对象，events表明是否clone事件
clone : function(events) {
// 对每个元素都进行加工（copy)后的集合重新构建jQuery对象
var ret = this.map(function() {
if (jQuery.browser.msie && !jQuery.isXMLDoc(this)) {
// IE 中cloneNode不能copy 通过attachEvent增加的事件
// 而innserHTML不能copy一些修改过的属性（仅作为属性储存）如input 的name
var clone = this.cloneNode(true), container = document
.createElement("div");
container.appendChild(clone);
return jQuery.clean([container.innerHTML])[0];
} else
return this.cloneNode(true);
});
// Need to set the expando to null on the cloned set if it exists
// removeData doesn't work here, IE removes it from the original as well
// this is primarily for IE but the data expando shouldn't be copied
// over in any browser
var clone = ret.find("*").andSelf().each(function() {
if (this[expando] != undefined)
this[expando] = null;
});
if (events === true)// clone所有事件
this.find("*").andSelf().each(function(i) {
if (this.nodeType == 3)
return;
var events = jQuery.data(this, "events");
for (var type in events)
for (var handler in events[type])
jQuery.event.add(clone[i], type, events[type][handler],
events[type][handler].data);
});
return ret;
},
// 筛选出与指定表达式匹配的元素集合。可以通过函数来筛选当前jQuery对象的
// 元素，还有通过用逗号分隔多个表达式来筛选
filter : function(selector) {// grep，multiFilter的综合
return this.pushStack(jQuery.isFunction(selector)
&& jQuery.grep(this, function(elem, i) {
return selector.call(elem, i);
}) || jQuery.multiFilter(selector, this));
},
// 删除与指定表达式匹配的元素
not : function(selector) {
if (selector.constructor == String)// 采用jQuery表达式
if (isSimple.test(selector))
return this.pushStack(jQuery.multiFilter(selector, this, true));
else
// 多表达式要过滤
selector = jQuery.multiFilter(selector, this);
var isArrayLike = selector.length// array-like的集合？
&& selector[selector.length - 1] !== undefined
&& !selector.nodeType;
return this.filter(function() {// 过滤掉return false的元素
return isArrayLike ? jQuery.inArray(this, selector) < 0// this在selector中？
: this != selector;
});
},
// 把与表达式匹配的元素添加到jQuery对象中。array(-like)的集合也可以追加进来
add : function(selector) {
return this.pushStack(jQuery.unique(jQuery.merge(this.get(),
typeof selector == 'string' ? jQuery(selector) : jQuery
.makeArray(selector))));
},
// 用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。
is : function(selector) {
return !!selector && jQuery.multiFilter(selector, this).length > 0;
},
// 检查当前的元素是否含有某个特定的类，如果有，则返回true
hasClass : function(selector) {
return this.is("." + selector);
},
// 获得第一个匹配元素的当前值。
// 在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。
// 设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为select元件赋值
val : function(value) {
if (value == undefined) {
if (this.length) {
var elem = this[0];
if (jQuery.nodeName(elem, 'option'))
return (elem.attributes.value || {}).specified
? elem.value
: elem.text;
// We need to handle select boxes special
if (jQuery.nodeName(elem, "select")) {
var index = elem.selectedIndex, values = [], options = elem.options, one = elem.type == "select-one";
// Nothing was selected
if (index < 0)
return null;
// Loop through all the selected options
for (var i = one ? index : 0, max = one
? index + 1
: options.length;i < max; i++) {
var option = options[i];
if (option.selected) {
// Get the specifc value for the option
value = jQuery(option).val();
// We don't need an array for one selects
if (one)
return value;
// Multi-Selects return an array
values.push(value);
}
}
return values;
// Everything else, we just grab the value
} else
return (this[0].value || "").replace(/\r/g, "");
}
return undefined;
}
if (value.constructor == Number)
value += '';
return this
.each(function() {
if (this.nodeType != 1)
return;
if (value.constructor == Array
&& /radio|checkbox/.test(this.type))
this.checked = (jQuery.inArray(this.value, value) >= 0 || jQuery
.inArray(this.name, value) >= 0);
else if (jQuery.nodeName(this, "select")) {
var values = jQuery.makeArray(value);
jQuery("option", this)
.each(function() {
this.selected = (jQuery.inArray(this.value,
values) >= 0 || jQuery.inArray(
this.text, values) >= 0);
});
if (!values.length)
this.selectedIndex = -1;
} else
this.value = value;
});
},
// 设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
// 取得第一个匹配的元素的html内容
html : function(value) {
return value == undefined ? (this[0] ? this[0].innerHTML : null) : this
.empty().append(value);// 去掉子节点，追加value
},
// 将所有匹配的元素替换成指定的HTML或DOM元素。
replaceWith : function(value) {
return this.after(value).remove();// this.after(value),this没有变
},
// 获取第N个元素。这个元素的位置是从0算起。
eq : function(i) {
return this.slice(i, +i + 1);
},
// 代理数组的slice,同样的操作。
slice : function() {
return this.pushStack(Array.prototype.slice.apply(this, arguments));
},
// 对于当前jquery对象中每个元素都进行callback（i,elem)的操作
// 返回新生成的jquery对象。
map : function(callback) {
return this.pushStack(jQuery.map(this, function(elem, i) {
return callback.call(elem, i, elem);
}));
},
// 把先前jQuery对象的所有元素加到当前的jQuery对象之中
andSelf : function() {
return this.add(this.prevObject);
},
// data(name,value)
// 在元素上存放数据，同时也返回value。
// 如果jQuery集合指向多个元素，那将在所有元素上设置对应数据。
// 这个函数不用建立一个新的expando，就能在一个元素上存放任何格式的数据，而不仅仅是字符串。
// data(name)
// 返回元素上储存的相应名字的数据，可以用data(name, value)来设定。
// 如果jQuery集合指向多个元素，那将只返回第一个元素的对应数据
data : function(key, value) {
var parts = key.split(".");
parts[1] = parts[1] ? "." + parts[1] : "";
if (value === undefined) {// 取值
// 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作
var data = this.triggerHandler("getData" + parts[1] + "!",
[parts[0]]);
if (data === undefined && this.length)
data = jQuery.data(this[0], key);
return data === undefined && parts[1] ? this.data(parts[0]) : data;
} else { // 设值
return this.trigger("setData" + parts[1] + "!", [parts[0], value])
.each(function() {
jQuery.data(this, key, value);
});
}
},
// 在元素上移除存放的数据
// 与$(...).data(name, value)函数作用相反
removeData : function(key) {
return this.each(function() {
jQuery.removeData(this, key);
});
},
// Dom manipulate操作的函数，对于每个jQuery对象中元素都运行
// 由callback操作args转化成的Dom 元素集合的函数。
domManip : function(args, table, reverse, callback) {
var clone = this.length > 1, elems;
// 对当前的jquery对象中每个元素都进行操作
return this.each(function() {
if (!elems) {// 把args 转化为dom元素数组，追加的内容
elems = jQuery.clean(args, this.ownerDocument);
if (reverse)// 倒序
elems.reverse();
}
var obj = this;
// Ie Table不兼容，要进行特殊处理
if (table && jQuery.nodeName(this, "table")// 当前元素是table?
&& jQuery.nodeName(elems[0], "tr"))// 要追加是tr?
obj = this.getElementsByTagName("tbody")[0]// 没有tbody,创建追加
|| this.appendChild(this.ownerDocument
.createElement("tbody"));
var scripts = jQuery([]);
jQuery.each(elems, function() {
// 长度大于1，就采用clone。取第一个元素，否则就是本元素
var elem = clone ? jQuery(this).clone(true)[0] : this;
// 执行所有 scripts 在所有的元素注入之后
if (jQuery.nodeName(elem, "script"))
scripts = scripts.add(elem);
else {
// 除去内部 scripts，同时保存起来，为了之后的计算
if (elem.nodeType == 1)
scripts = scripts.add(jQuery("script", elem)
.remove());
// 注册元素到document之中
callback.call(obj, elem);
}
});
scripts.each(evalScript);
});
}
};
// Give the init function the jQuery prototype for later instantiation
jQuery.fn.init.prototype = jQuery.fn;
function evalScript(i, elem) {
if (elem.src) {//
jQuery.ajax( {
url : elem.src,
async : false,
dataType : "script"
});
} else {// 对于本地的，通过globalEval运行
jQuery
.globalEval(elem.text || elem.textContent || elem.innerHTML
|| "");
}
if (elem.parentNode)// 除去
elem.parentNode.removeChild(elem);
}
function now() {
return +new Date;
}
jQuery.extend = jQuery.fn.extend = function() {
var target = arguments[0] || {}, // 第一个参数是目标
i = 1, length = arguments.length, deep = false, options;
if (target.constructor == Boolean) {// 第一个参数是bool型的
deep = target;// 深度copy
target = arguments[1] || {};// target指向第二个参数
i = 2;
}
// target 是string 型的或？
if (typeof target != "object" && typeof target != "function")
target = {};
if (length == i) {// 只有一个参数？或deep copy 时，两个参数
target = this;// 目标为this
--i;
}
for (;i < length; i++)
if ((options = arguments[i]) != null)
for (var name in options) {
var src = target[name], copy = options[name];
if (target === copy)// 防止死循环
continue;
// 深度copy处理，最深为元素
if (deep && copy && typeof copy == "object" && !copy.nodeType)
target[name] = jQuery.extend(deep, src
|| (copy.length != null ? [] : {}), copy);
else if (copy !== undefined)// 直接copy
target[name] = copy;
}
return target;
};
var expando = "jQuery" + now(), uuid = 0, windowData = {},
// exclude the following css properties to add px
exclude = /z-?index|font-?weight|opacity|zoom|line-?height/i,
// cache defaultView
// defaultViewis generally a reference to the window object for the document
defaultView = document.defaultView || {};
jQuery.extend( {
noConflict : function(deep) {
window.$ = _$;
if (deep)
window.jQuery = _jQuery;
return jQuery;
},
// See test/unit/core.js for details concerning this function.
// Since 1.3 DOM methods and function like alert
// aren't supported. They return false on IE (#2968).
isFunction : function(fn) {
return fn instanceof Function;
},
// 判断是不是XMLDoc
isXMLDoc : function(elem) {
return elem.documentElement && !elem.body || elem.tagName
&& elem.ownerDocument && !elem.ownerDocument.body;
},
// Evalulates a script in a global context
// 在全局的范围eval 代码，也就是在中
globalEval : function(data) {
data = jQuery.trim(data);
if (data) {
// Inspired by code by Andrea Giammarchi
// http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
var head = document.getElementsByTagName("head")[0]
|| document.documentElement, script = document
.createElement("script");
script.type = "text/javascript";
if (jQuery.browser.msie)
script.text = data;
else
script.appendChild(document.createTextNode(data));
// Use insertBefore instead of appendChild to circumvent an IE6
// bug. This arises when a base node is used (#2709).
head.insertBefore(script, head.firstChild);
head.removeChild(script);
}
},
// 判断elem的nodeName是否存在
nodeName : function(elem, name) {
return elem.nodeName
&& elem.nodeName.toUpperCase() == name.toUpperCase();
},
cache : {},
data : function(elem, name, data) {
elem = elem == window ? windowData : elem;
var id = elem[expando];
// Compute a unique ID for the element
if (!id)
id = elem[expando] = ++uuid;
// Only generate the data cache if we're
// trying to access or manipulate it
if (name && !jQuery.cache[id])
jQuery.cache[id] = {};
// Prevent overriding the named cache with undefined values
if (data !== undefined)
jQuery.cache[id][name] = data;
// Return the named cache data, or the ID for the element
return name ? jQuery.cache[id][name] : id;
},
removeData : function(elem, name) {
elem = elem == window ? windowData : elem;
var id = elem[expando];
// If we want to remove a specific section of the element's data
if (name) {
if (jQuery.cache[id]) {
// Remove the section of cache data
delete jQuery.cache[id][name];
// If we've removed all the data, remove the element's cache
name = "";
for (name in jQuery.cache[id])
break;
if (!name)
jQuery.removeData(elem);
}
// Otherwise, we want to remove all of the element's data
} else {
// Clean up the element expando
try {
delete elem[expando];
} catch (e) {
// IE has trouble directly removing the expando
// but it's ok with using removeAttribute
if (elem.removeAttribute)
elem.removeAttribute(expando);
}
// Completely remove the data cache
delete jQuery.cache[id];
}
},
// 对object中的每个对象都执行callback函数进行处理。args仅仅内部用
each : function(object, callback, args) {
var name, i = 0, length = object.length;
// 和else的处理差不多，args的传参代替object的属性值
if (args) {
if (length == undefined) {
for (name in object)
if (callback.apply(object[name], args) === false)
break;
} else
for (;i < length;)
if (callback.apply(object[i++], args) === false)
break;
// A special, fast, case for the most common use of each
} else {
// 不是array-like的object，对每个属性进行callback函数的调用
if (length == undefined) {
for (name in object)
if (callback.call(object[name], name, object[name]) === false)
break;
} else
// array-like object,采用数组的形式来处理
for (var value = object[0];i < length
&& callback.call(value, i, value) !== false; value = object[++i]) {
}
}
return object;
},
// 根据指定元素(elem)的指定的name来修正value值，如加px,exec Fn.
prop : function(elem, value, type, i, name) {
if (jQuery.isFunction(value))// value=Fn
value = value.call(elem, i);// 得到Fn的返回value
// 对于element的style中CSS属性，对需要加上单位的加上px单位
return value && value.constructor == Number && type == "curCSS"
&& !exclude.test(name) ? value + "px" : value;
},
// 一组内部使用的Class操作函数
className : {
// 为元素增加classNameS
add : function(elem, classNames) {// 多个className,空格分开
jQuery.each((classNames || "").split(/\s+/),
function(i, className) {
if (elem.nodeType == 1
&& !jQuery.className.has(elem.className,
className))
elem.className += (elem.className ? " " : "")
+ className;
});
},
// 为元素除去classNames
remove : function(elem, classNames) {
if (elem.nodeType == 1)// 元素
elem.className = classNames != undefined ? jQuery.grep(
elem.className.split(/\s+/), function(className) {// 过滤
return !jQuery.className.has(classNames,
className);
}).join(" ") : "";
},
// 元素有没有className?
has : function(elem, className) {
return jQuery.inArray(className, (elem.className || elem)
.toString().split(/\s+/)) > -1;
}
},
// 间隔改变elem的样式
swap : function(elem, options, callback) {
var old = {};
for (var name in options) {// 替换elem.style中的属性
old[name] = elem.style[name];
elem.style[name] = options[name];
}
// 执行回调
callback.call(elem);
// 重新换回原来的属性
for (var name in options)
elem.style[name] = old[name];
},
// 取得elem的name的属性值
css : function(elem, name, force) {
// 对元素的宽度高度修正
if (name == "width" || name == "height") {
var val, props = {
position : "absolute",
visibility : "hidden",
display : "block"
}, which = (name == "width" ? ["Left", "Right"] : ["Top",
"Bottom"]);
function getWH() {// 求元素的实现高度，宽度
val = name == "width"
? elem.offsetWidth
: elem.offsetHeight;
var padding = 0, border = 0;
jQuery.each(which, function() {
// paddinLeft,paddingRight
padding += parseFloat(jQuery.curCSS(elem, "padding"
+ this, true))
|| 0;
// borderTopWidth,borderBottomWith
border += parseFloat(jQuery.curCSS(elem, "border"
+ this + "Width", true))
|| 0;
});
val -= Math.round(padding + border);
}
if (jQuery(elem).is(":visible"))
getWH();
else
// 元素看不到的情况下，绝对定位，取高度或宽度
jQuery.swap(elem, props, getWH);
return Math.max(0, val);
}
return jQuery.curCSS(elem, name, force);
},
curCSS : function(elem, name, force) {
var ret, style = elem.style;
// elem的属性值被破坏
function color(elem) {
if (!jQuery.browser.safari)
return false;
// 从defaultView 取
var ret = defaultView.getComputedStyle(elem, null);
return !ret || ret.getPropertyValue("color") == "";
}
// IE 中opacity 不兼容
if (name == "opacity" && jQuery.browser.msie) {
ret = jQuery.attr(style, "opacity");
return ret == "" ? "1" : ret;// 1是100%的显示
}
// Opera的display bug修正, 见 #2037
if (jQuery.browser.opera && name == "display") {
var save = style.outline;
style.outline = "0 solid black";
style.outline = save;
}
if (name.match(/float/i))// float是通过styleFloat取值的
name = styleFloat;
if (!force && style && style[name])
ret = style[name];// 取值
else if (defaultView.getComputedStyle) {// 看看defaultView的CSS
if (name.match(/float/i))
name = "float";
// 转换成lamb,如addMethod变成add-method
name = name.replace(/([A-Z])/g, "-$1").toLowerCase();
var computedStyle = defaultView.getComputedStyle(elem, null);
if (computedStyle && !color(elem))
ret = computedStyle.getPropertyValue(name);
else {// Safari没有正确地报道属性值，会提示none elements are involved
var swap = [], stack = [], a = elem, i = 0;
// Locate all of the parent display: none elements
for (;a && color(a); a = a.parentNode)
stack.unshift(a);
// Go through and make them visible, but in reverse
// (It would be better if we knew the exact display type
// that they had)
for (;i < stack.length; i++)
if (color(stack[i])) {
swap[i] = stack[i].style.display;
stack[i].style.display = "block";
}
// Since we flip the display style, we have to handle that
// one special, otherwise get the value
ret = name == "display" && swap[stack.length - 1] != null
? "none"
: (computedStyle && computedStyle
.getPropertyValue(name))
|| "";
// Finally, revert the display styles back
for (i = 0;i < swap.length; i++)
if (swap[i] != null)
stack[i].style.display = swap[i];
}
// We should always get a number back from opacity
if (name == "opacity" && ret == "")
ret = "1";
} else if (elem.currentStyle) {// 元素的currentStyle
var camelCase = name.replace(/\-(\w)/g, function(all, letter) {
return letter.toUpperCase();
});
ret = elem.currentStyle[name] || elem.currentStyle[camelCase];
// From the awesome hack by Dean Edwards
// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
// If we're not dealing with a regular pixel number
// but a number that has a weird ending, we need to convert it
// to pixels
if (!/^\d+(px)?$/i.test(ret) && /^\d/.test(ret)) {
// Remember the original values
var left = style.left, rsLeft = elem.runtimeStyle.left;
// Put in the new values to get a computed value out
elem.runtimeStyle.left = elem.currentStyle.left;
style.left = ret || 0;
ret = style.pixelLeft + "px";
// Revert the changed values
style.left = left;
elem.runtimeStyle.left = rsLeft;
}
}
return ret;
},
// 把html转换成Dom元素,elems多个html string 的数组
clean : function(elems, context) {
var ret = [];
context = context || document;
// !context.createElement fails in IE with an error but returns
// typeof 'object'
if (typeof context.createElement == 'undefined')
// 处理context是jquery对象或数组的兼容。context可以是元素，或元素的集合，或空
context = context.ownerDocument || context[0]
&& context[0].ownerDocument || document;
jQuery
.each(elems, function(i, elem) {
if (typeof elem == 'number')
elem += '';// 把int 转换成string的最高效的方法
if (!elem)
return;// 为''，undefined,false等时返回
// 转换html为Dom元素
if (typeof elem == "string") {
// Fix "XHTML"-style tags in all browsers
// 对于其它的标签，修改成xml的格式
elem = elem
.replace(
/(<(\w+)[^>]*?)\/>/g,// front=(<(\w+)[^>]*?)
function(all, front, tag) {
return tag
.match(/^(abbr|br|col|img|input|link|meta|param|hr|area|embed)$/i)
? all
: front + "> + tag
+ ">";
});
// 去空格，否则indexof可能会出不能正常工作
var tags = jQuery.trim(elem).toLowerCase(), div = context
.createElement("div");
// 有些标签必须是有一些约束的，比如
                            // 下面的代码在大部分是对中子元素进行修正。数组中第一个元素为深度
                            var wrap = !tags.indexOf(")
                                    && [1, "",
                                            ""]
                                    || !tags.indexOf(")
                                    && [1, "
", "
"]
                                    || tags
                                            .match(/^<(thead|tbody|tfoot|colg|cap)/)
                                    && [1, "

", "
"]
|| !tags.indexOf(")
&& [2, "", "
"]
|| (!tags.indexOf(") || !tags
.indexOf("))
                                    && [3, "",
                                            "

"]
|| !tags.indexOf(")
                                    && [2, "",
                                            "

"]
||
// IE can't serialize and

你可能感兴趣的:(JQuery/Js)

element实现动态路由+面包屑软件技术NINI vue案例 vue.js 前端
el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
C#中使用split分割字符串互联网打工人no1 c#
1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java 算法华为 javascript
华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
数组去重好奇的猫猫猫
整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS 算法数据结构 c++
题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
docker igotyback eureka 云原生
Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
在Ubuntu中编译含有JSON的文件出现报错芝麻糊76 Linux kill_bug linux ubuntu json
在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
Xinference如何注册自定义模型玩人工智能的辣条哥人工智能 AI 大模型 Xinference
环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python 开发语言
一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 error react mongodb 数据库
背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
Vue( ElementUI入门、vue-cli安装) m0_l5z elementui vue.js
一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
00. 这里整理了最全的爬虫框架（Java + Python）有一只柴犬爬虫系列爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.js vue-cli3
这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
更改npm镜像源为淘宝镜像骆小骆基于node.js
npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
COCO 格式的数据集转化为 YOLO 格式的数据集 QYQY77 YOLO python
"""--json_path输入的json文件路径--save_path保存的文件夹名字，默认为当前目录下的labels。"""importosimportjsonfromtqdmimporttqdmimportargparseparser=argparse.ArgumentParser()parser.add_argument('--json_path',default='./instances
NPM私库搭建-verdaccio（Linux） Beam007 npm linux 前端
1、安装nodelinux服务器安装nodea)、官网下载所需的node版本https://nodejs.org/dist/v14.21.0/b)、解压安装包若下载的是xxx.tar.xz文件，解压命令为tar-xvfxxx.tar.xzc)、修改环境变量修改：/etc/profile文件#SETPATHFORNODEJSexportNODE_HOME=NODEJS解压安装的路径exportPAT
前端代码上传文件余生逆风飞翔前端 javascript 开发语言
点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
golang获取用户输入的几种方式余生逆风飞翔 golang 开发语言后端
一、定义结构体typeUserInfostruct{Namestring`json:"name"`Ageint`json:"age"`Addstring`json:"add"`}typeReturnDatastruct{Messagestring`json:"message"`Statusstring`json:"status"`DataUserInfo`json:"data"`}二、get请求的
VUE3 + xterm + nestjs实现web远程终端或连接开启SSH登录的路由器和交换机。焚木灵 node.js vue
可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
spring mvc @RequestBody String类型参数 zoyation spring-mvc spring mvc
通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
Vue 项目运行时，报错 Error: Cannot find module ‘node:path‘ 周bro vue.js 前端 javascript node.js npm
node-v是否显示nodenpm-v报错Error:Cannotfindmodule‘node:path'是因为node版本和npm版本不匹配安装相对应的版本node版本10.16.0对应npm版本[email protected]执行该命令即可匹配版本官网https://nodejs.org/en/about/previous-releases
360前端星计划-动画可以这么玩马小蜗
动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
【vite 自动配置路由】 CODER-V 前端 javascript vue.js 前端软件构建
手动配置路由，是一个没有技术含量又浪费时间的工作。本文将介绍vite构建的vue3项目如何编写一个自动配置路由的脚本。约定大于配置要想使用脚本完成路由的自动配置，我们就需要遵循以下目录规则：每一个页面对应一个包，当前包下的主页面命名为index.vue；每个包里必须配置一个page.js；在每一个page.js里边配置，额外的路由信息，比如：exportdefault{title:'商品',men
探索Zebra4J：构建高效企业级Web应用的微服务框架叶准鑫Natalie
探索Zebra4J：构建高效企业级Web应用的微服务框架ZebraZebra4J/Zebra4Js基于SpringBoot的JavaWeb/Nodejs框架项目地址:https://gitcode.com/gh_mirrors/zebra/Zebra项目介绍在当今快速发展的技术环境中，构建高效、可扩展的企业级Web应用是每个开发团队的追求。Zebra4J作为一款基于SpringBoot的全新微服务
【JS】前端文件读取FileReader操作总结程序员-张师傅前端前端 javascript 开发语言
前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
【前端】vue 报错:The template root requires exactly one element 程序员-张师傅前端前端 vue.js javascript
【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
UI 自动化的页面对象管理神器 PO-Manager TesterHome
原文由alex发表于TesterHome社区网站，点击原文链接可于作者直接交流。做UI自动化的同学都知道，UI自动化一个难点就是页面元素的变化，让自动化维护成为一个痛点。在此，为了减轻这个痛点，我在基于Page-Object模式的基础上开发了页面对象维护的工具。该工具为vscode的一个插件，可以通过vscode插件市场搜索PO-Manager来下载安装本文中的页面对象库文件基于json.一个元素
小程序通过js控制页面字体颜色属性祈澈菇凉
需求：当电量少于百分之20的时候，显示电量的字体显示为红色。1：在wxml里面设置属性batStyle：style="{{item.batStyle}}"电量:{{item.battery}}%2：当复合逻辑条件的时候，在js里面carList[i].batStyle="color:red";success:function(res){constcarList=res.data.list;for(
apache 安装linux windows 墙头上一根草 apache inux windows
linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式通过二进制文件安装Apache需要的软件有apr,apr-util,pcre 1，安装 apr 下载地址：htt
fill_parent、wrap_content和match_parent的区别 Cb123456 match_parent fill_parent
fill_parent、wrap_content和match_parent的区别: 1）fill_parent 设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
网页自适应设计天子之骄 html css 响应式设计页面自适应
网页自适应设计网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
[sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
--分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
ImageIO写图片输出到硬盘 3213213333332132 java image
package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
自己的String动态数组宝剑锋梅花香 java 动态数组数组
数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10]; 但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
pinyin4j工具类 darkranger .net
pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
StarUML学习笔记----基本概念 aijuans UML建模
介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。模型、视与图（Model, View and Diagram） &
Activiti最终总结 avords Activiti id 工作流
1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
从省市区多重级联想到的，react和jquery的差别 bee1314 jquery UI react
在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
Eclipse快捷键大全 bijian1013 java eclipse 快捷键
Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
js 笔记函数征客丶 JavaScript
一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用函数变量的调用： vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
1. Some操作在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明： /** Class `Some[A]` represents existin
java 匿名内部类 BlueSkator java匿名内部类
组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏 apple windows XP OS
Mac mini 型号: MC270CH-A RMB:5,688 Apple 对windows的产品支持不好,有以下问题: 1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响! 2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
JIRA与SVN插件安装 chenyu19891124 SVN jira
JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
常用数学思想方法 comsci 工作
对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考函数思想　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
pl/sql集合类型 daizj oracle 集合 type pl/sql
--集合类型 /* 单行单列的数据，使用标量变量单行多列数据，使用记录单列多行数据，使用集合（。。。） *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /* --集合方法 &n
[Ofbiz]ofbiz初用 dinguangx 电商 ofbiz
从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别) 2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
结构体中最后一个元素是长度为0的数组 dcj3sjt126com c gcc
在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag { __u16 tag_type; __u16 tag_len; &n
Linux cp 实现强行覆盖 dcj3sjt126com linux
发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。方法一我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
Memcached(一)、HelloWorld frank1234 memcached
一、简介高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。二、客户端选择一个memcached客户端，我这里用的是memc
Search in Rotated Sorted Array II hcx2013 search
Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4 generic type
Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API Spring4新
CentOS安装JDK liuxingguome centos
1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
1,设二维数组p的每行每列都按照下标递增的顺序递增。用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题：给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
java 随机数 Math与Random SaraWon java Math Random
今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
oracle创建表空间 tugn oracle
create temporary tablespace TXSJ_TEMP tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf' size 32m autoextend on next 32m maxsize 2048m extent m
使用Java8实现自己的个性化搜索引擎 yangshangchuan java superword 搜索引擎 java8 全文检索
需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他