第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

對象的構(gòu)建：

- 采用原型式的結(jié)構(gòu)，使用構(gòu)造函數(shù)，這樣的好處節(jié)省了內(nèi)存空間，性能上得到了優(yōu)化

-?但是ajQuery類這個(gè)結(jié)構(gòu)與目標(biāo)jQuery的結(jié)構(gòu)的還是有很大不一致：沒有采用new操作符；return返回的是一個(gè)通過new出來的的對象。

jQuery多庫共存處理：

1、引入jquery時(shí)，jQuery內(nèi)部先將當(dāng)前window對象上的jQuery和$記錄下來

var?_jQuery?=?window.jQuery,
????_$?=?window.$;

2、引入jquery后，jQuery占領(lǐng)了window對象上的jQuery和$

3、手動(dòng)執(zhí)行$.noConflict()函數(shù)，重新讓出jQuery和$，還原到占領(lǐng)之前的情況

jQuery.noConflict?=?function(?deep?)?{
????if?(?window.$?===?jQuery?)?{
????????window.$?=?_$;
????}
????if?(?deep?&&?window.jQuery?===?jQuery?)?{
????????????window.jQuery?=?_jQuery;
????????}
????????return?jQuery;
????};
}

jQuery中ready與load事件：

- ready先執(zhí)行，load后執(zhí)行

- ready在頁面DOM構(gòu)造完成后執(zhí)行，無需等待圖片等外部文件的加載

- load在頁面加載完畢后才執(zhí)行

- 網(wǎng)頁中有圖片時(shí)，ready先執(zhí)行；網(wǎng)頁無圖片時(shí)，load先執(zhí)行，因?yàn)閞eady異步？

DOMContentLoaded與load

- DOMContentLoaded 事件的觸發(fā)時(shí)機(jī)為：HTML解析為DOM之后觸發(fā)，無需等- 待樣式表、圖像和子框架的完成加載。

- load 意思就是：當(dāng)一個(gè)資源及其依賴資源已完成加載時(shí)，將觸發(fā) load 事件

- 簡而言之，二者觸發(fā)時(shí)間的區(qū)別在于：DOMContentLoaded 在 HTML 文檔本解析之后觸發(fā)，而 load 是在 HTML 所有相關(guān)資源被加載完成后觸發(fā)

無new構(gòu)建原理：檢測參數(shù)類型，并將強(qiáng)制轉(zhuǎn)換為jquery對象

const?jquery?=?function(selector){
????if(!(selector?instanceof?jquery)){
????????return?new?jquery(selector);
????}
????
????let?elem?=?document.querySelector(selector[0]);
????this[0]?=?elem;
????this.length?=?1;
????this.context?=?document;
????this.selector?=?selector[0];
????return?this
}

使用立即執(zhí)行函數(shù)解決命名空間與變量污染的問題

(function(global){
????global.jquery?=?function(){...}
})(window)

jQuery的核心理念，簡潔的API、優(yōu)雅的鏈?zhǔn)?、?qiáng)大的查詢與便捷的操作

2、簡單模擬

function?aDeferred(){
????var?arr?=?[];
????return?{
????????then:?function(fn){
????????????arr.push(fn);
????????????return?this;
????????},
????????resolve:?function(args){
????????????var?returned;
????????????arr.forEach(function(fn,?i){
????????????????var?o?=?returned?||?args;
????????????????returned?=?fn(o);
????????????})
????????}
????}
}

1、使用$.Deferred

var?dfd?=?$.Deferred()
dfd.then(function(preVale){
????return?2?*?preVale;
}).then(function(preVale){
????return?3?*?preVale;
}).then(function(preVale){
????console.log("使用$.Deferred代碼結(jié)果:"+preVale);
});
dfd.resolve(2);

1、

$.data()
eg:
var?ele1?=?$("#aaron");
$.data(ele1,?'a',?'111'?);

2、

$(ele).data()
1）設(shè)置值
eg：
var?ele1?=?$("#aaron");
ele1.data('a',?'111');?
2）獲取值
eg：
var?ele1?=?$("#aaron");
ele1.data('a');

function?fn1(val){
????console.log('fn1?says?'?+?val);
}
var?callbacks?=?$.Callbacks("unique");
callbacks.add(fn1);?
callbacks.add(fn1);?
callbacks.add(fn1);?
callbacks.fire("foo");
結(jié)果：?fn1?says?foo

function?Callbacks(options){
????var?list?=?[],
????self,
????var?firingStart,
????memory;
????
????function?_fire(data){
????????memory?=?options?===?'memory'?&&?data;
????????firingIndex?=?firingStart?||?0;
????????firingStart?=?0;
????????firingLength?=?list.length;
????????for(;?list?&&?firingIndex?<?firingLength;??firingIndex++?){
????????????list[firingIndex](data)
????????}
????}
????
????self?=?{
????????add:function(fn){
????????????var?start?=?list.length;
????????????if(options?==?'unique'){
????????????????if(-1?===?list.indexOf(fn)){
????????????????????list.push(fn);
????????????????}
????????????}?else?{
????????????????list.push(fn);
????????????}
????????????if(memory){
????????????????firingStart?=?start;?//?獲取最后一個(gè)值
????????????????_fire(memory);
????????????}
????????},
????????fire:?function(args){
????????????if(list){
????????????????_fire(args);
????????????}
????????}
????}
????return?self;??
}

function?fn1(val)?{
????console.log("fn1?says?"?+?val);
}
var?cbs?=?$.Callbacks('once');
cbs.add(fn1);
cbs.fire('foo');
cbs.fire('foo');

function?Callbacks(options)?{
????list?=?[],
????self;
????self?=?{
????????add:?function(fn)?{
????????????list.push(fn)
????????},
????????fire:?function(args)?{
????????????if(list){
????????????????list.forEach(function(fn){
????????????????????fn(args);
????????????????});
????????????????if(options==='once'){
????????????????????list?=?undefined;
????????????????}
????????????}
????????}
????}
????return?self;
}

默認(rèn)回調(diào)對象設(shè)計(jì)

function?fn1(val){
????console.log("fn1?says:"+val);
}
function?fn2(val){
????console.log("fn2?says:"+val);
}
var?cbs?=?$.Callbacks();
cbs.add(fn1);
cbs.fire("foo");
console.log("............................");
cbs.add(fn2);
cbs.fire("bar");

模擬代碼

function?Callbacks(){
????var?list?=?[],
????self;
????self?=?{
????????add:?function(fn){
????????????list.push(fn)
????????},
????????fire:?function(args){
????????????list.forEach(function(fn){
????????????????fn(args);
????????????})
????????}
????}
????return?self;
}
function?fn1(val){
????console.log("fn1?says:"+val);
}
function?fn2(val){
????console.log("fn2?says:"+val);
}

var?cbs?=?Callbacks();
cbs.add(fn1);
cbs.fire("foo");
cbs.add(fn2);
cbs.fire("bar")

function?f1(value){
????alert(value);
}
function?f2(value){
????alert("fn2?says："?+?value);
????return?false;
}

var?callbacks?=?$.Callbacks();
callbacks.add(f1);
callbacks.fire("foo!");

callbacks.add(f2);
callbacks.fire("bar!");

var?callbacks?=?$.Callbacks();
callbacks,add(function(){
????alert(1);
})?
callbacks.add(function(){
????alert(2);
});
callbacks.fire();

var?$$?=?ajQuery?=?function(selector)?{
????retrun?new?ajQuery.fn.init(selector);
}

ajQuery.fn?=?ajQuery.prototype?=?{
????naem:?'aaron',
????init:?function(selector)?{
????????this.selector?=?selector;
????????return?this;
????},
????constructor:?ajQuery
}

ajQuery.fn.init.prototype?=?ajQuery.fn;