現(xiàn)代 javscript 編程 資料第4/6頁
為分發(fā)而進(jìn)行的封裝
開發(fā)現(xiàn)代的專業(yè)JavaScript代碼的最后一個(gè)方面是為了代碼分發(fā)或在現(xiàn)實(shí)世界里中使用而進(jìn)行的封裝處理。隨著開始開發(fā)者們?cè)谄漤撁嬷惺褂迷絹碓蕉嗟腏avaScript代碼，沖突的可能性將會(huì)增加。如果兩個(gè)JavaScript庫里都有一個(gè)名為data的變量或者按各的意圖添加事件，災(zāi)難性的沖突和莫名其妙的錯(cuò)誤可能就會(huì)出現(xiàn)。
開發(fā)者簡單地置入<script>指針無須任何變動(dòng)就能正常工作的能力是開發(fā)一個(gè)成功的JavaScript庫的精詣所在。開發(fā)者用以保持代碼清潔和普遍兼容的的技術(shù)或解決方案有許多種。
使用命名空間是廣泛使用的保證代碼不與其它JavaScript代碼互相影響和抵觸的一種技術(shù)。這方面一個(gè)極端的（但未必是最好或最有用的）運(yùn)作中的例子就是Yahoo開發(fā)的任何人都可使用的用戶界面庫。使用該庫的一個(gè)示例見程序1-3.
程序1-3. 使用重度名稱空間化的YahooUI庫給一個(gè)元素添加事件
//給ID為"body"的元素添加mouseover事件監(jiān)聽器
YAHOO.util.Event.addListener('body','mouseover',function(){
//and change the background color of the element to red
this.style.backgroundColor = 'red';
});
然而，這種命名空間方法存在一個(gè)問題，即庫與庫之間在構(gòu)造和使用的方式上缺乏內(nèi)在的一致性。正是在這一點(diǎn)上，中心代碼倉庫如JSAN(JavaScript Archive Network)變得非常有用。JSAN提供一套代碼庫需遵從的一致規(guī)則，以及一種快捷導(dǎo)入代碼所依賴的其它庫的方式。圖1-2展示了JSAN的主分發(fā)中心的一個(gè)截屏。
圖1-2. 公共代碼倉庫JSAN的截屏 我將在第三章闡述開發(fā)清潔的可封裝代碼的細(xì)節(jié)。此外，其它常見的事故多發(fā)點(diǎn)如事件處理沖突，將在第六章論述。
相關(guān)文章
詳解基于webpack2.x的vue2.x的多頁面站點(diǎn)
本篇文章主要主要介紹了基于webpack2.x的vue2.x的多頁面站點(diǎn) ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-08-08
Ajax異步文件上傳與NodeJS express服務(wù)端處理
本文主要介紹了Ajax異步文件上傳與NodeJS express服務(wù)端處理的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
JS實(shí)現(xiàn)移動(dòng)端可折疊導(dǎo)航菜單（現(xiàn)代都市風(fēng)）
這篇文章主要介紹了JS如何實(shí)現(xiàn)移動(dòng)端可折疊導(dǎo)航菜單，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
html的DOM中Event對(duì)象onabort事件用法實(shí)例
這篇文章主要介紹了html的DOM中Event對(duì)象onabort事件用法,實(shí)例分析了onabort事件的適用范圍與對(duì)應(yīng)的javascript使用技巧,需要的朋友可以參考下2015-01-01
很不錯(cuò)的兩款Bootstrap Icon圖標(biāo)選擇組件
這篇文章主要介紹了不容錯(cuò)過的兩款Bootstrap Icon圖標(biāo)選擇組件，支持自定義的圖標(biāo)，拿出來分享下，絕對(duì)的干貨，感興趣的小伙伴們可以參考一下2016-01-01
詳解將微信小程序接口Promise化并使用async函數(shù)
這篇文章主要介紹了詳解將微信小程序接口Promise化并使用async函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
RGB顏色值轉(zhuǎn)HTML十六進(jìn)制(HEX)代碼的JS函數(shù)
轉(zhuǎn)到固定長度的十六進(jìn)制字符串，不夠則補(bǔ)0 javascript找出一個(gè)背景色的數(shù)值，只好自己解析2009-04-04
這篇文章主要介紹了JavaScript axios安裝與封裝案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
js列舉css中所有圖標(biāo)的實(shí)現(xiàn)代碼
最近在做一個(gè)通用的配置模塊。配置模塊中必然要對(duì)系統(tǒng)的菜單、功能模塊、權(quán)限資源等進(jìn)行配置，為了更好的用戶體驗(yàn)，圖標(biāo)是必不可少的！2011-07-07
很酷的星級(jí)評(píng)分系統(tǒng)原生JS實(shí)現(xiàn)
這篇文章主要weidajiaxiangxi介紹了很酷的星級(jí)評(píng)分系統(tǒng)原生JS實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08