現(xiàn)代 javscript 編程 資料第3/6頁
測試你的代碼
建立起良好的面向?qū)ο蟮幕敬a之后,開發(fā)專業(yè)品質(zhì)的JavaScript代碼的第二個(gè)方面是確保擁有一個(gè)強(qiáng)勁的代碼測試環(huán)境。當(dāng)開發(fā)頻繁使用的或?qū)⒂善渌_發(fā)者維護(hù)的代碼時(shí),嚴(yán)格調(diào)試的必要性會(huì)顯得尤為突出。為其它開發(fā)者提供一個(gè)堅(jiān)實(shí)的測試基礎(chǔ),是維持代碼開發(fā)活動(dòng)的關(guān)鍵。
在第四章,你將會(huì)看到一些可用來形成良好的測試/使用框架的不同工具,以及對(duì)復(fù)雜應(yīng)用程序的簡單調(diào)試。用于Firefox的插件Firebug就是其中一例。Firebug提供了許多的有用的工具,如錯(cuò)誤控制臺(tái),HTTP請(qǐng)求日志,調(diào)試,以及元素查看。圖1-1展示了Firebug調(diào)試一段代碼時(shí)的實(shí)況截屏。
圖1-1. Firefox Firebug插件運(yùn)行時(shí)的截屏
開發(fā)干凈的、可測試的代碼的重要性怎么強(qiáng)調(diào)都不會(huì)過分。一旦你開始開發(fā)一些干凈的面向?qū)ο蟠a并將它們與合適的測試套件結(jié)合,相信你會(huì)傾向于同意這一點(diǎn)。
相關(guān)文章
使用requestAnimationFrame實(shí)現(xiàn)js動(dòng)畫性能好
requestAnimationFrame優(yōu)于setTimeout/setInterval的地方在于它是由瀏覽器專門為動(dòng)畫提供的API,在運(yùn)行時(shí)瀏覽器會(huì)自動(dòng)優(yōu)化方法的調(diào)用,并且如果頁面不是激活狀態(tài)下的話,動(dòng)畫會(huì)自動(dòng)暫停,有效節(jié)省了CPU開銷,這篇文章給大家詳細(xì)介紹使用requestAnimationFrame實(shí)現(xiàn)js動(dòng)畫2015-08-08微信小程序中插入激勵(lì)視頻廣告并獲取收益(實(shí)例代碼)
這篇文章主要介紹了微信小程序中插入激勵(lì)視頻廣告并獲取收益,通過代碼給大家介紹了如何插入及注意事項(xiàng),需要的朋友可以參考下2019-12-12javascript實(shí)現(xiàn)的textarea運(yùn)行框效果代碼 不用指定id批量指定
今天在寫一個(gè)網(wǎng)頁的時(shí)候用到了N多嵌套在textarea標(biāo)簽里的代碼,定義雙擊運(yùn)行其內(nèi)的代碼段。但是每次創(chuàng)建一個(gè)這樣的可運(yùn)行的實(shí)例都要給textarea元素自定義一個(gè)id值和寫入雙擊事件,好不麻煩。2009-12-12js中的document.querySelector()方法舉例詳解
這篇文章主要給大家介紹了關(guān)于js中document.querySelector()方法的相關(guān)資料,document.querySelector是JavaScript中的一個(gè)內(nèi)置方法,用于通過CSS選擇器選擇文檔中的第一個(gè)匹配元素,需要的朋友可以參考下2024-01-01Echarts.js實(shí)現(xiàn)水滴球和海洋效果
這篇文章介紹了Echarts.js實(shí)現(xiàn)水滴球和海洋效果的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-04-04js jquery 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法
今天小編就為大家分享一篇js jquery 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-0925個(gè)讓你眼前一亮的JavaScript代碼技巧分享
學(xué)習(xí)強(qiáng)大的JavaScript一行代碼,能夠節(jié)省你的時(shí)間和代碼量,所以本文為大家整理了25個(gè)JavaScript實(shí)用代碼技巧,感興趣的小伙伴可以了解一下2023-07-07