• <nav id="i44m4"></nav>
  • <kbd id="i44m4"></kbd>
    經典案例推廣高端H5電商設計公司聯系報價
    QQ聯系
    微信聯系
    手機聯系
    QQ聯系
    微信聯系
    手機聯系

    前端開發中10個有關JavaScript優化問題

    發布時間:2019-09-06
    發布者:eidea
    瀏覽次數:2518
    JavaScript的高效優化一直都是我們前端開發中非常重要的工作,也是很多開發人員無法做好的一部分內容,所以今天我總結了10個優化問題,大家可以參考來做優化,大部分問題都是大家常遇到的。



    1、何時用單引號,何時用雙引號

    JavaScript當中,雖然雙引號和單引號都可以用來表示字符串, 但是為了避免混亂,所以我們建議在HTML中使用雙引號,在JavaScript中使用單引號。不過為了與各種瀏覽器兼容并避免解析錯誤,在定義JSON對象時最好使用雙引號。

    2、= =和= = =之間的區別

    應避免在if和while條件選擇語句中的條件判斷部分進行賦值,如if (a = b),應寫成if (a == b),但是在比較是否相等的情況下,最好使用全等運算符,也就是使用===和!==運算符對比==和!=會好點。因為==和!=運算符會進行強制類型轉換。

    3、經常檢查數據類型

    要檢查你的方法傳入的參數,一方面是安全性,另一方面是可實用性。用戶隨時都有可能會誤操作傳入錯誤的數據。這不是因為他們的問題,而是因為他們的思維方式和使用習慣和你不一樣。所以可以使用typeof方法可以幫助你檢測function接受的參數是否合法。

    4、函數返回統一類型

    雖然JavaScript是弱類型的,在函數里,前面返回是整數型數據,后面返回布爾值都可以正常的編譯和運行的,但為了規范和后期維護,應保證函數返回統一的數據類型。

    5、不要使用生偏語法

     不要使用偏見語法,寫一些令人困惑的代碼。雖然計算機可以正常識別和運行,但這些難理解的代碼不便于以后的維護。

    6、刪除DOM節點

    刪除DOM節點之前,記住要刪除注冊在該節點上的事件,不管是用observe方式還是用attachEvent方式來注冊的事件,否則會出現無法回收的內存。此外,在removeChild和innerHTML=’ ’這兩個,盡量選擇第二個. 因為在sIEve(內存泄露監測工具)中監測的結果是用removeChild無法有效地釋放DOM節點。

    7、插入迭代器

    如var name=values[i]; i++;這兩條語句可以寫成var name=values[i++]

    8、浮點數轉換成整型

    很多人經常喜歡使用parseInt()來做轉成整數,其實parseInt()是用于將字符串轉換成整數的,而不是用于浮點數和整型之間轉換的。浮點轉整型我們應該使用Math.floor()或者Math.round()

    9、多個類型聲明

    在JavaScript中所有變量都可以使用單個var語句來聲明,這樣就是組合在一起的語句,可以減少整個腳本的執行時間。

    10、避免雙重解釋

    要提高代碼性能,就盡可能避免出現需要按照JavaScript解釋的字符串,也就是:



    ①.盡可能少使用eval函數

    使用eval相當于在運行時再次調用解釋引擎對內容進行運行,需要消耗大量時間。同時,使用Eval帶來的安全性問題也是不容忽視的。

    ②.不使用Function構造器

    不要給setTimeout或者setInterval傳遞字符串參數

    最后,小編建議大家千萬不要忽略代碼優化工作,重構是一項從項目開始到結束需要持續的工作,只有不斷的優化代碼才能讓代碼的執行效率越來越好。

    網站案例欣賞

    比音勒芬

    響應式集團官網

    沃頓集團

    響應式企業官網

    萊佛士教育學院

    教育培訓行業響應式官網

    老板把我摁倒在办公桌啪啪_人禽杂交在线播放网站_我原来是富二代_女人和男人啪视频在线观看_又黄又刺激超爽动态图_色偷偷2019免费视频观看