中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 給JavaScript新手的24條實用建議
頁面重構(gòu)中的模塊化思維 回到列表 三層分離的完美九宮格
 給JavaScript新手的24條實用建議

作者:jyyjch 時間: 2009-06-25 文檔類型:翻譯 來自:笨活兒

第 1 頁 給JavaScript新手的24條實用建議 [1]
第 2 頁 給JavaScript新手的24條實用建議 [2]
第 3 頁 給JavaScript新手的24條實用建議 [3]
第 4 頁 給JavaScript新手的24條實用建議 [4]
第 5 頁 給JavaScript新手的24條實用建議 [5]
第 6 頁 給JavaScript新手的24條實用建議 [6]

8. 減少全局變量

“把你踩在全局的那些亂七八糟的腳印都歸于一人名下,能顯著降低與其他應(yīng)用、小工具或JS庫沖突的可能性! – Douglas Crockford

var name = 'Jeffrey';  
var lastName = 'Way';  
 
function doSomething() {...}  
 
console.log(name); // Jeffrey -- or window.name 

更好的寫法:

var DudeNameSpace = {  
   name : 'Jeffrey',  
   lastName : 'Way',  
   doSomething : function() {...}  
}  
console.log(DudeNameSpace.name); // Jeffrey

注意看,我們是如何戲劇化地把“亂七八糟的腳印”都歸到“DudeNameSpace”這對象之下的。

9. 寫好注釋

可能一開始你會覺得并無必要,但相信我,你將來會主動想要盡可能寫好代碼的注釋的。當你幾個月后再回看某項目時,結(jié)果卻發(fā)現(xiàn)很難想起當時寫某句東西時腦子在想的什么了,是不是很讓人沮喪呢?或者,如果有同事要修訂你的代碼呢?一定,一定要為你代碼里的重要部分加上注釋。

// Cycle through array and echo out each name.   
for(var i = 0, len = array.length; i < len; i++) {  
   console.log(array[i]);  
}

10. 試試漸進增強

一定要記得為未啟用JavaScript的情況提供替代方案。大家可能會認為,“大部分我的訪客都啟用了JavaScript的,我才不用擔心”。這樣的話,你可就大錯特錯了!

你有沒有試過看看禁用JavaScript后你那漂亮的滑動器都成啥樣了?(你可以下載 Web Developer ToolBar 輕松完成這項任務(wù)。)禁用之后你的網(wǎng)站可能就徹底失去了可用性!經(jīng)驗之談:開發(fā)初期總是按照沒有JavaScript來設(shè)計你的網(wǎng)站,之后再進行漸進地功能增強,小心翼翼地改變你地布局。

11. 不要傳遞字串給 “setInterval” 或 “setTimeout”

看看下面的代碼:

setInterval(  
"document.getElementById('container').innerHTML += 'My new number: ' + i", 3000  
);

不僅執(zhí)行不高效,而且和 eval 函數(shù)有著同樣的高風險。千萬不要把字串傳遞給 setInterval 和 setTimeout。恰當?shù)淖龇ㄊ牵瑐鬟f一個函數(shù)名:

setInterval(someFunction, 3000); 

12. 不要使用with語句

初識之下,“with”語句似乎還挺好用的。它用于設(shè)置代碼在特定對象中的作用域。其基本用法是提供深入到對象中處理元素的快速寫法。例如:

with (being.person.man.bodyparts) {  
   arms = true;  
   legs = true;  
}

等價于:

being.person.man.bodyparts.arms = true;  
being.person.man.bodyparts.legs= true; 

不幸的是,測試表明,若你要為對象插入新成員,with的表現(xiàn)非常糟糕,它的執(zhí)行速度非常緩慢。替代方案是聲明一個變量:

var o = being.person.man.bodyparts;  
o.arms = true;  
o.legs = true;

出處:笨活兒
責任編輯:bluehearts

上一頁 給JavaScript新手的24條實用建議 [2] 下一頁 給JavaScript新手的24條實用建議 [4]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。

相關(guān)文章 更多相關(guān)鏈接
JavaScript優(yōu)化細節(jié)
JavaScript 實現(xiàn) Konami Code
jQuery性能優(yōu)化指南
JavaScript 顏色梯度和漸變效果
Firebug中的console tab使用總結(jié)
作者文章
拒絕臆想,讓我們腳踏實地做設(shè)計
十個簡單好用的設(shè)計技巧
PS動作功能制作規(guī)范化的截屏圖
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大福“敬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:3/61個記錄/頁 轉(zhuǎn)到 頁 共6個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2