《JavaScript 學習指南》閱讀筆記(一)

weixin_34236497發表於2016-10-09
  1. script 元素設定 defer 屬性可以讓瀏覽器提前處理頁面部分,在頁面處理結束並做好顯示準備時再處理指令碼部分,這樣可以提高頁面載入的速度。
    <script defer="defer">
    //content
    </script>

  2. script 元素放進 head 元素中有利於提高網頁的可維護性,放在 body 元素的最末尾可以提高頁面的載入速度。不管採用哪一種方法,必須確保指令碼位置的一致性,要麼全部放在 head 元素中,要麼全部放在 body 元素的最末尾處。

  3. 用關鍵字 var 定義變數,而且是區域性變數。如果不使用 var ,那麼變數是全域性變數,可以在函式內外訪問變數。一般不建議設定全域性變數,因為容易造成資料丟失。

  4. 最好為不支援或者未開啟 JS 的使用者提供替代選項,可以藉助於 noscript 元素。如果瀏覽器支援 JS ,就會忽略 noscript 中的內容,如果不支援 JS, 就會選擇 noscript 中的內容。
    <script>
    function sayHello() {
    document.writeln("Hello JS");
    }
    </script>

     <noscript>
         <p>Hello JS</p>
     </noscript>
    
  5. 利用 toString() 方法可以將十進位制整數改成八進位制或者十六進位制。
    var intNumber = 16;
    var octNumber = intNumber.toString(8);
    var hexNumber = intNumber.toString(16);

  6. 為了縮減 JS 程式碼,我們可以使用一些線上壓縮工具,比如 Packer.

  7. == 運算子會自動轉換變數的資料型別,然後判斷相同資料型別的值是否相等。 === 是更為嚴格的一種相同判斷,只有在運算元的數值相同且型別相同的情況下才會返回 true!=!== 的區別也是如此。

  8. Array 物件有 4 個用於維護佇列和列表的方法: push, pop, shift, unshiftpush 方法能將元素新增到陣列末尾,unshift 方法能將元素新增到陣列開頭,pop 方法用於移除陣列的最後一個元素,shift 方法則是移除第一個元素。

相關文章