国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

10 個你需要了解的最佳 javascript 開發實踐

lijy91 / 765人閱讀

摘要:原文譯文個你需要了解的最佳開發實踐譯者的很多擴展的特性是的它變得更加的犀利,同時也給予程序員機會創建更漂亮并且更讓用戶喜歡的網站。這里讓我們列出個最佳實踐,幫助你有效地使用。代碼即使最好的開發人員都會犯錯。

原文:Top 10 “Must Follow” JavaScript Best Practices

譯文:10 個你需要了解的最佳 javascript 開發實踐

譯者:gbin1.com


Javascript 的很多擴展的特性是的它變得更加的犀利, 同時也給予程序員機會創建更漂亮并且更讓用戶喜歡的網站。

盡管很多的開發人員都樂于頌揚 javascript,但是仍舊有人看到它的陰暗面。

使用很多 javascript 代碼的 web 頁面會加載很慢,過多的使用 javascript 使得網頁丑陋和拖沓。很快如何有效地使用 javascript 成為一個非常火熱的話題。

這里讓我們列出 10 個最佳 javascript 實踐,幫助你有效地使用 javascript。

1. 盡可能的保持代碼簡潔

可能大家都聽到過了N遍這個代碼簡潔問題了。作為一個開發人員你可能在你的代碼開發過程中使用了很多次,但千萬不要在 js 開發中忘記這點。

盡量在開發模式中添加注釋和空格,這樣保持代碼的可讀性

在發布到產品環境前請將空格和注釋都刪除,并且盡量縮寫變量和方法名

使用第三方工具幫助你實現壓縮 javascript。

2. 思考后再修改 prototypes

添加新的屬性到對象 prototype 中是導致腳本出錯的常見原因。

yourObject.prototype.anotherFunction = ‘Hello’;
yourObject.prototype.anotherMethod = function () { … };

在上面代碼中,所有的變量都會被影響,因為他們都繼承于 yourObject。這樣的使用會導致意想不到的行為。所以建議在使用完后刪除類似的修改。

yourObject.prototype.anotherFunction = ‘Hello’;
yourObject.prototype.anotherMethod = function () { … };
test.anotherMethod();
delete yourObject.prototype.anotherFunction = ‘Hello’;
delete yourObject.prototype.anotherMethod = function () { … };
3. Debug Javascript 代碼

即使最好的開發人員都會犯錯。為了最大化的減少類似錯誤,請在你的 debugger 中運行你的代碼,確認你沒有遇到任何細微的錯誤

4. 避免 Eval

你的 JS 在沒有 eval 方法的時候也可以很好的工作。eval 允許訪問 javascript 編譯器。如果一個字符串作為參數傳遞到 eval,那么它的結果可以被執行。

這會很大的降低代碼的性能。盡量避免在產品環境中使用 eval。

5. 最小化 DOM 訪問

DOM 是最復雜的 API,會使得代碼執行過程變慢。有時候 web 頁面可能沒有加載或者加載不完整。最好避免 DOM。

6. 在使用 javascript 類庫之前先學習 javascript

互聯網充斥著很多的 javascript 類庫,很多程序員都往往使用 js 類庫而不理解負面影響。強烈建議你在使用第三方類庫之前學習基本的 JS 代碼,否則,你就準備著倒霉吧。

7. 不要用 "SetTimeOut" 和 "Setinterval" 方法來作為 "Eval" 的備選
setTimeOut( "document.getID("value")", 3000);

在以上代碼中 document.getID("value")setTimeOut 方法中被作為字符串來處理。 這類似于 eval 方法,在每個代碼執行中來執行一個字符串,因此會降低性能,因此,建議在這些方法中傳遞一個方法。

setTimeOut(yourFunction, 3000);
8. [] 比 new Array(); 更好

一個常犯的錯誤在于使用當需要數組的時候使用一個對象或者該使用對象的時候使用一個數組。但是使用原則很簡單:

  

“當屬性名稱是小的連續整數,你應該使用數組。否則,使用一個對象” - Douglas Crockford, JavaScript: Good Parts 的作者.

建議:

var a = ["1A","2B"];

避免:

var a = new Array();
a[0] = "1A";
a[1] = "2B";
9. 盡量不要多次使用 var

在初始每一個變量的時候,程序員都習慣使用 var 關鍵字。相反,建議你使用逗號來避免多余的關鍵字,并且減少代碼體積。 如下:

var variableOne = ‘string 1’, 
variableTwo = ‘string 2’, 
variableThree = ‘string 3’;
10. 不要忽略分號 ";"

這往往是大家花費數個小時進行 debug 的原因之一。

我很確信你肯定也在其它的文章中閱讀過以上相關的內容,但是大家可能往往都忽略了很多基本的規則。 你是不是也曾經忽略過分號。是不是也遇到過 eval 關鍵字問題導致性能問題?

希望大家能夠喜歡,謝謝!

相關閱讀

JavaScript中,{}+{}等于多少?

JavaScript:將所有值都轉換成對象

為什么 ++[[]][+[]]+[+[]] = 10?

相關書籍

JavaScript語言精粹(修訂版)

JavaScript DOM編程藝術(第2版)

編寫可維護的JavaScript

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/77936.html

相關文章

  • [譯]學習如何去學習 JavaScript - 5 個你應該如何花在學習 JS 上時間建議

    摘要:擁抱異步編程縱觀發展史也可以說成開發的發展史,你會發現異步徹底改變了這場游戲??梢赃@么說,異步編程已成為開發的根基。這也是你應盡早在上投入大量時間的一處核心知識點,這其中包含和等重要概念。這也是最突出的一項貢獻。 原文地址:Medium - Learning How to Learn JavaScript. 5 recommendations on how you should spend ...

    wanglu1209 評論0 收藏0
  • 前端文檔收集

    摘要:系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術點 常用meta整理 網頁性能管理詳解 HTML5 ...

    jsbintask 評論0 收藏0
  • 前端文檔收集

    摘要:系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術點 常用meta整理 網頁性能管理詳解 HTML5 ...

    muddyway 評論0 收藏0
  • 2017文章總結

    摘要:歡迎來我的個人站點性能優化其他優化瀏覽器關鍵渲染路徑開啟性能優化之旅高性能滾動及頁面渲染優化理論寫法對壓縮率的影響唯快不破應用的個優化步驟進階鵝廠大神用直出實現網頁瞬開緩存網頁性能管理詳解寫給后端程序員的緩存原理介紹年底補課緩存機制優化動 歡迎來我的個人站點 性能優化 其他 優化瀏覽器關鍵渲染路徑 - 開啟性能優化之旅 高性能滾動 scroll 及頁面渲染優化 理論 | HTML寫法...

    dailybird 評論0 收藏0

發表評論

0條評論

lijy91

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<