尼古拉斯·屌·大彬哥的優(yōu)點(diǎn)
- 高
- 富
- 帥
摘要:可以直接在這里查看至于的開(kāi)源就不多說(shuō)了。官網(wǎng)一個(gè)庫(kù)的官網(wǎng)永遠(yuǎn)是了解它最新進(jìn)展和學(xué)習(xí)資料的首選網(wǎng)站。比如下面我們就拿舉例分析下它的源碼。不解釋?zhuān)憧梢灾苯幽眠^(guò)去改吧改吧用在你自己的庫(kù)里。
1.可以借鑒的資源上節(jié)課我們說(shuō)了寫(xiě)一個(gè)庫(kù)的準(zhǔn)備,但是這節(jié)課并不是寫(xiě)庫(kù)為什么,有句話(huà)叫你沒(méi)吃過(guò)豬肉還沒(méi)看過(guò)豬走。所以我們先看看別人的庫(kù)是怎么寫(xiě)的。在我們擁有了足夠扎實(shí)的基礎(chǔ)之后我們要做的不是閉門(mén)造車(chē),而是去閱讀一些知名的庫(kù),為什么?一個(gè)庫(kù)從成百上千個(gè)庫(kù)里面脫穎而出,被廣大的開(kāi)發(fā)者所接受使用,一定是在一些方面有很優(yōu)秀的方面,比如架構(gòu),比如易用等,同時(shí)一些成熟的方法和代碼可以借鑒學(xué)習(xí),比如架構(gòu)安全的代碼,比如如何判斷類(lèi)型等等。不要閉門(mén)造成,首先是使用別人的東西,然后是閱讀別人的代碼體會(huì)優(yōu)秀的部分,然后是優(yōu)秀部分如何為我所用,到最后完全自主的創(chuàng)新。
1)github
Github不僅僅是你儲(chǔ)存代碼的地方,更是你學(xué)習(xí)別人開(kāi)源代碼的好地方,還是那你了解語(yǔ)言發(fā)展趨勢(shì)和方向的好地方。比如你想了解如今js發(fā)展熱度。 可以直接在這里查看:https://github.com/showcases/front-end-javascript-frameworks 至于var的開(kāi)源就不多說(shuō)了。
2)官網(wǎng)
一個(gè)庫(kù)的官網(wǎng)永遠(yuǎn)是了解它最新進(jìn)展和學(xué)習(xí)資料的首選網(wǎng)站。比如jquery.
下面我們就拿jquery舉例分析下它的源碼。
2.深入閱讀jquery源碼? jquery至少解決了兩個(gè)問(wèn)題,1兼容性2易用性,我們使用jquery 1.11.2,為什么用這個(gè)版本,因?yàn)檫@個(gè)版本沒(méi)有太多的新技術(shù),比如引入大量的模塊,
學(xué)習(xí)一個(gè)新東西不應(yīng)該增加開(kāi)發(fā)者的負(fù)擔(dān),舉個(gè)例子。我只想學(xué)習(xí)jquery的優(yōu)秀架構(gòu),可是你用了ES6語(yǔ)法,那我還得學(xué)ES6,你用了太多的模塊化,那我還得學(xué)模塊化,你用了打包工具,我還得學(xué)grunt等。到最后想想都頭大了,去你大爺?shù)模也粚W(xué)了。
你有必要為了喝杯純牛奶而去種草么?
所以我們盡量使用穩(wěn)定而在我們已經(jīng)學(xué)過(guò)的技術(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);
打開(kāi)jquery.js第一個(gè)可以學(xué)的東西就來(lái)了,我擦嘞,裝逼的利器啊,注釋。
/*! * 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 */
不解釋?zhuān)憧梢灾苯幽眠^(guò)去改吧改吧用在你自己的庫(kù)里。
(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://specialneedsforspecialkids.com/yun/82788.html
摘要:大彬哥版權(quán)所有翻錄必究尼古拉斯屌大彬哥群尼古拉斯屌大彬哥函數(shù)聲明函數(shù)表達(dá)式是不是簡(jiǎn)單的讓人發(fā)指區(qū)別就一句話(huà),函數(shù)聲明,可以在函數(shù)調(diào)用之后,因?yàn)橛泻瘮?shù)預(yù)解析。而函數(shù)表達(dá)式必須在調(diào)用之前。 通過(guò)前三課講解,大家應(yīng)該能做到 1.手里有一份隨時(shí)能夠換工作自信的簡(jiǎn)歷 2.知道了學(xué)習(xí)js的正確姿勢(shì) 3.理解了全局對(duì)象、全局上下文、知道有預(yù)解析同時(shí)做了至少50道面試題 4.能熟練的使用json構(gòu)建...
摘要:寫(xiě)一個(gè)正則表達(dá)式來(lái)測(cè)試變量中是否包含字符串。用函數(shù)給出不使用字符,但和等價(jià)的正則表達(dá)式。第十四課標(biāo)志全局匹配標(biāo)志第二個(gè)常用的標(biāo)志是全局匹配標(biāo)志,用字母表示。寫(xiě)出一個(gè)正則表達(dá)式來(lái)檢驗(yàn)合法性。非捕獲組的主要用途是給一個(gè)組賦予量詞。 TRY REGEX 是一個(gè)交互式的正則表達(dá)式學(xué)習(xí)項(xiàng)目項(xiàng)目地址:https://github.com/callumacra...在線地址:http://tryre...
摘要:一樣式規(guī)則基本結(jié)構(gòu)二字體字號(hào)與字體字號(hào)大小字體宋體使用技巧網(wǎng)頁(yè)中普遍使用字號(hào)盡量使用偶數(shù)的字號(hào)使用多個(gè)字體,字體間用逗號(hào)隔開(kāi),中文字體需加引號(hào),英文字體可以不加,英文字體放在中文字體之前字體有空格要加引號(hào)盡量使用默認(rèn)字體字體對(duì)于不支持一、CSS樣式規(guī)則 1、基本結(jié)構(gòu) h1{ color: orange; } ...
摘要:屌絲和女神約好一起喝咖啡,聊天很愉快,分開(kāi)不久手機(jī)收到女神發(fā)來(lái)的一個(gè)信息西女一個(gè)西女,你的嘴巴和手好白,你的嘴巴和手好白,你的嘴巴和手好白。屌絲看到了這句話(huà)頓時(shí)懵逼了。其實(shí)如果沒(méi)有編輯器,你就相當(dāng)于女神,電腦就相當(dāng)于屌絲,他看不懂你寫(xiě)的。 javascript,當(dāng)今最流行的開(kāi)發(fā)語(yǔ)言之一,既有它簡(jiǎn)單易學(xué)的一面,又有它不同于其它語(yǔ)言奇怪的一面。我們一起通過(guò)感受javascript之美這套課...
閱讀 2013·2021-09-29 09:35
閱讀 1948·2019-08-30 14:15
閱讀 2973·2019-08-30 10:56
閱讀 954·2019-08-29 16:59
閱讀 571·2019-08-29 14:04
閱讀 1300·2019-08-29 12:30
閱讀 1019·2019-08-28 18:19
閱讀 508·2019-08-26 11:51