現(xiàn)代 javscript 編程 資料第4/6頁(yè)
為分發(fā)而進(jìn)行的封裝
開(kāi)發(fā)現(xiàn)代的專(zhuān)業(yè)JavaScript代碼的最后一個(gè)方面是為了代碼分發(fā)或在現(xiàn)實(shí)世界里中使用而進(jìn)行的封裝處理。隨著開(kāi)始開(kāi)發(fā)者們?cè)谄漤?yè)面中使用越來(lái)越多的JavaScript代碼，沖突的可能性將會(huì)增加。如果兩個(gè)JavaScript庫(kù)里都有一個(gè)名為data的變量或者按各的意圖添加事件，災(zāi)難性的沖突和莫名其妙的錯(cuò)誤可能就會(huì)出現(xiàn)。
開(kāi)發(fā)者簡(jiǎn)單地置入<script>指針無(wú)須任何變動(dòng)就能正常工作的能力是開(kāi)發(fā)一個(gè)成功的JavaScript庫(kù)的精詣所在。開(kāi)發(fā)者用以保持代碼清潔和普遍兼容的的技術(shù)或解決方案有許多種。
使用命名空間是廣泛使用的保證代碼不與其它JavaScript代碼互相影響和抵觸的一種技術(shù)。這方面一個(gè)極端的（但未必是最好或最有用的）運(yùn)作中的例子就是Yahoo開(kāi)發(fā)的任何人都可使用的用戶(hù)界面庫(kù)。使用該庫(kù)的一個(gè)示例見(jiàn)程序1-3.
程序1-3. 使用重度名稱(chēng)空間化的YahooUI庫(kù)給一個(gè)元素添加事件
//給ID為"body"的元素添加mouseover事件監(jiān)聽(tīng)器
YAHOO.util.Event.addListener('body','mouseover',function(){
//and change the background color of the element to red
this.style.backgroundColor = 'red';
});
然而，這種命名空間方法存在一個(gè)問(wèn)題，即庫(kù)與庫(kù)之間在構(gòu)造和使用的方式上缺乏內(nèi)在的一致性。正是在這一點(diǎn)上，中心代碼倉(cāng)庫(kù)如JSAN(JavaScript Archive Network)變得非常有用。JSAN提供一套代碼庫(kù)需遵從的一致規(guī)則，以及一種快捷導(dǎo)入代碼所依賴(lài)的其它庫(kù)的方式。圖1-2展示了JSAN的主分發(fā)中心的一個(gè)截屏。
圖1-2. 公共代碼倉(cāng)庫(kù)JSAN的截屏 我將在第三章闡述開(kāi)發(fā)清潔的可封裝代碼的細(xì)節(jié)。此外，其它常見(jiàn)的事故多發(fā)點(diǎn)如事件處理沖突，將在第六章論述。
相關(guān)文章
使用requestAnimationFrame實(shí)現(xiàn)js動(dòng)畫(huà)性能好
requestAnimationFrame優(yōu)于setTimeout/setInterval的地方在于它是由瀏覽器專(zhuān)門(mén)為動(dòng)畫(huà)提供的API，在運(yùn)行時(shí)瀏覽器會(huì)自動(dòng)優(yōu)化方法的調(diào)用，并且如果頁(yè)面不是激活狀態(tài)下的話(huà)，動(dòng)畫(huà)會(huì)自動(dòng)暫停，有效節(jié)省了CPU開(kāi)銷(xiāo)，這篇文章給大家詳細(xì)介紹使用requestAnimationFrame實(shí)現(xiàn)js動(dòng)畫(huà)2015-08-08
微信小程序中插入激勵(lì)視頻廣告并獲取收益(實(shí)例代碼)
這篇文章主要介紹了微信小程序中插入激勵(lì)視頻廣告并獲取收益，通過(guò)代碼給大家介紹了如何插入及注意事項(xiàng),需要的朋友可以參考下2019-12-12
javascript實(shí)現(xiàn)的textarea運(yùn)行框效果代碼 不用指定id批量指定
今天在寫(xiě)一個(gè)網(wǎng)頁(yè)的時(shí)候用到了N多嵌套在textarea標(biāo)簽里的代碼，定義雙擊運(yùn)行其內(nèi)的代碼段。但是每次創(chuàng)建一個(gè)這樣的可運(yùn)行的實(shí)例都要給textarea元素自定義一個(gè)id值和寫(xiě)入雙擊事件，好不麻煩。2009-12-12
在本章中，我們將分析John Resig關(guān)于JavaScript繼承的一個(gè)實(shí)現(xiàn) - Simple JavaScript Inheritance,需要的朋友可以參考下2016-10-10
js中的document.querySelector()方法舉例詳解
這篇文章主要給大家介紹了關(guān)于js中document.querySelector()方法的相關(guān)資料,document.querySelector是JavaScript中的一個(gè)內(nèi)置方法,用于通過(guò)CSS選擇器選擇文檔中的第一個(gè)匹配元素,需要的朋友可以參考下2024-01-01
本篇文章主要介紹了webpack多入口文件頁(yè)面打包配置詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
javascript刪除option選項(xiàng)的多種方法，方便大家選用。2008-11-11
Echarts.js實(shí)現(xiàn)水滴球和海洋效果
這篇文章介紹了Echarts.js實(shí)現(xiàn)水滴球和海洋效果的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
js jquery 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法
今天小編就為大家分享一篇js jquery 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
25個(gè)讓你眼前一亮的JavaScript代碼技巧分享
學(xué)習(xí)強(qiáng)大的JavaScript一行代碼，能夠節(jié)省你的時(shí)間和代碼量，所以本文為大家整理了25個(gè)JavaScript實(shí)用代碼技巧，感興趣的小伙伴可以了解一下2023-07-07