成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

體驗(yàn)javascript之美-第十一課-jquery源碼分析

王晗 / 482人閱讀

摘要:可以直接在這里查看至于的開源就不多說了。官網(wǎng)一個(gè)庫的官網(wǎng)永遠(yuǎn)是了解它最新進(jìn)展和學(xué)習(xí)資料的首選網(wǎng)站。比如下面我們就拿舉例分析下它的源碼。不解釋,你可以直接拿過去改吧改吧用在你自己的庫里。

上節(jié)課我們說了寫一個(gè)庫的準(zhǔn)備,但是這節(jié)課并不是寫庫為什么,有句話叫你沒吃過豬肉還沒看過豬走。所以我們先看看別人的庫是怎么寫的。在我們擁有了足夠扎實(shí)的基礎(chǔ)之后我們要做的不是閉門造車,而是去閱讀一些知名的庫,為什么?一個(gè)庫從成百上千個(gè)庫里面脫穎而出,被廣大的開發(fā)者所接受使用,一定是在一些方面有很優(yōu)秀的方面,比如架構(gòu),比如易用等,同時(shí)一些成熟的方法和代碼可以借鑒學(xué)習(xí),比如架構(gòu)安全的代碼,比如如何判斷類型等等。不要閉門造成,首先是使用別人的東西,然后是閱讀別人的代碼體會(huì)優(yōu)秀的部分,然后是優(yōu)秀部分如何為我所用,到最后完全自主的創(chuàng)新。

1.可以借鑒的資源

1)github

Github不僅僅是你儲(chǔ)存代碼的地方,更是你學(xué)習(xí)別人開源代碼的好地方,還是那你了解語言發(fā)展趨勢(shì)和方向的好地方。比如你想了解如今js發(fā)展熱度。
可以直接在這里查看:https://github.com/showcases/front-end-javascript-frameworks
至于var的開源就不多說了。

2)官網(wǎng)

一個(gè)庫的官網(wǎng)永遠(yuǎn)是了解它最新進(jìn)展和學(xué)習(xí)資料的首選網(wǎng)站。比如jquery.

下面我們就拿jquery舉例分析下它的源碼。

2.深入閱讀jquery源碼

? jquery至少解決了兩個(gè)問題,1兼容性2易用性,我們使用jquery 1.11.2,為什么用這個(gè)版本,因?yàn)檫@個(gè)版本沒有太多的新技術(shù),比如引入大量的模塊,

學(xué)習(xí)一個(gè)新東西不應(yīng)該增加開發(fā)者的負(fù)擔(dān),舉個(gè)例子。我只想學(xué)習(xí)jquery的優(yōu)秀架構(gòu),可是你用了ES6語法,那我還得學(xué)ES6,你用了太多的模塊化,那我還得學(xué)模塊化,你用了打包工具,我還得學(xué)grunt等。到最后想想都頭大了,去你大爺?shù)?,我不學(xué)了。

你有必要為了喝杯純牛奶而去種草么?

所以我們盡量使用穩(wěn)定而在我們已經(jīng)學(xué)過的技術(shù)范圍之內(nèi)的版本。

獲得地址:

https://raw.githubusercontent.com/jquery/jquery/1.11.2/dist/jquery.js

直接上代碼不BB.




    
    大彬哥版權(quán)所有翻錄必究
    
    
    
    
    


尼古拉斯·屌·大彬哥的優(yōu)點(diǎn)

index.js

var aLi = $("ul.good li");
console.log(aLi);

打開jquery.js第一個(gè)可以學(xué)的東西就來了,我擦嘞,裝逼的利器啊,注釋。

/*!
 * jQuery JavaScript Library v1.11.2
 * http://jquery.com/
 *
 * Includes Sizzle.js
 * http://sizzlejs.com/
 *
 * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
 * Released under the MIT license
 * http://jquery.org/license
 *
 * Date: 2014-12-17T15:27Z
 */

不解釋,你可以直接拿過去改吧改吧用在你自己的庫里。

(function(global,factory){
    factory(global);
})(window,function(window,noGlobal){
    //大家記住這里才是放jquery核心代碼的地方
    var version = "1.11.2";
    var jQuery = function( selector, context ) {
        return new jQuery.fn.init(selector, context );
    }
    //這個(gè)fn身上放各種功能函數(shù)
    jQuery.fn = jQuery.prototype = {
        jquery: version,
        constructor: jQuery,
        //各種功能
        first: function(selector) {
            
          
        }
    };
    
    //這個(gè)new 對(duì)象的時(shí)候傳參進(jìn)去
    var init = jQuery.fn.init = function (selector, context) {
        //拿到選擇器干事兒
        
    };
    init.prototype = jQuery.fn;
    window.jQuery = window.$ = jQuery;
});

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/82788.html

相關(guān)文章

  • 體驗(yàn)javascript之美第四課--函數(shù)、函數(shù)表達(dá)式、閉包

    摘要:大彬哥版權(quán)所有翻錄必究尼古拉斯屌大彬哥群尼古拉斯屌大彬哥函數(shù)聲明函數(shù)表達(dá)式是不是簡(jiǎn)單的讓人發(fā)指區(qū)別就一句話,函數(shù)聲明,可以在函數(shù)調(diào)用之后,因?yàn)橛泻瘮?shù)預(yù)解析。而函數(shù)表達(dá)式必須在調(diào)用之前。 通過前三課講解,大家應(yīng)該能做到 1.手里有一份隨時(shí)能夠換工作自信的簡(jiǎn)歷 2.知道了學(xué)習(xí)js的正確姿勢(shì) 3.理解了全局對(duì)象、全局上下文、知道有預(yù)解析同時(shí)做了至少50道面試題 4.能熟練的使用json構(gòu)建...

    Doyle 評(píng)論0 收藏0
  • TRY REGEX:正則表達(dá)式交互式入門教程 翻譯&解答

    摘要:寫一個(gè)正則表達(dá)式來測(cè)試變量中是否包含字符串。用函數(shù)給出不使用字符,但和等價(jià)的正則表達(dá)式。第十四課標(biāo)志全局匹配標(biāo)志第二個(gè)常用的標(biāo)志是全局匹配標(biāo)志,用字母表示。寫出一個(gè)正則表達(dá)式來檢驗(yàn)合法性。非捕獲組的主要用途是給一個(gè)組賦予量詞。 TRY REGEX 是一個(gè)交互式的正則表達(dá)式學(xué)習(xí)項(xiàng)目項(xiàng)目地址:https://github.com/callumacra...在線地址:http://tryre...

    李義 評(píng)論0 收藏0
  • 第十一課 CSS介紹與font字體 css學(xué)習(xí)1

    摘要:一樣式規(guī)則基本結(jié)構(gòu)二字體字號(hào)與字體字號(hào)大小字體宋體使用技巧網(wǎng)頁中普遍使用字號(hào)盡量使用偶數(shù)的字號(hào)使用多個(gè)字體,字體間用逗號(hào)隔開,中文字體需加引號(hào),英文字體可以不加,英文字體放在中文字體之前字體有空格要加引號(hào)盡量使用默認(rèn)字體字體對(duì)于不支持一、CSS樣式規(guī)則 1、基本結(jié)構(gòu)               h1{         color: orange;        }             ...

    jerryloveemily 評(píng)論0 收藏0
  • 感受javascript之美系列教程第一課 基礎(chǔ)知識(shí)

    摘要:屌絲和女神約好一起喝咖啡,聊天很愉快,分開不久手機(jī)收到女神發(fā)來的一個(gè)信息西女一個(gè)西女,你的嘴巴和手好白,你的嘴巴和手好白,你的嘴巴和手好白。屌絲看到了這句話頓時(shí)懵逼了。其實(shí)如果沒有編輯器,你就相當(dāng)于女神,電腦就相當(dāng)于屌絲,他看不懂你寫的。 javascript,當(dāng)今最流行的開發(fā)語言之一,既有它簡(jiǎn)單易學(xué)的一面,又有它不同于其它語言奇怪的一面。我們一起通過感受javascript之美這套課...

    callmewhy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

王晗

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<