DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> High Performance JavaScript(高性能JavaScript)讀書筆記分析
High Performance JavaScript(高性能JavaScript)讀書筆記分析
編輯:關於JavaScript     
第一章:加載和執行

浏覽器的JavaScript的引擎是編譯器層的優化;
當浏覽器執行JavaScript代碼時,不能同時做其他任何事情(單一進程),意味著<script>標簽每次出現都霸道地讓頁面等帶腳本的解析和執行(每個文件必須等到前一個文件下載並執行完成才會開始下載),所以頭部的JS和CSS用來渲染頁面,交互行為(幾乎所有)的JS放在<body>底部;
主流浏覽器都允許並行下載JS。
減少外鏈腳本數量將會改善性能(合並JS)
任何網站都可以使用一個把制定文件合並處理後的URL來獲取任意數量的文件。
defer屬性可延遲腳本(只有IE4 和FF3.5 支持)
第二章:數據訪問

JavaScript中有四種基本的數據存取位置: 直接量,變量,數組元素(以數字作為索引),對象成員(以字符床作為索引)。
訪問直接量和局部變量的速度最快,相反,訪問數組元素和對象成員相對較慢。
屬性或方法在原型鏈中的位置越深,訪問它的速度也越慢。
通常來說,可以通過吧常用的對象,數組元素,跨越變量保存在局部變量中來改善JavaScript性能。
第三章:DOM編程

DOM操作在webkit內核的浏覽器速度快,其他的浏覽器innerHTML執行快。
訪問和操作DOM是現代WEB應用的重要部分。但每次穿越鏈接ECMAScript和DOM兩個島嶼之間的橋梁都會被收取‘過橋費'.
要留意重回和重排。
在IE中:hover會降低響應速度。
第四章:算法和流程控制

避免使用for-in循環,除非需要遍歷一個屬性數量位置的對象。
了解棧溢出錯誤。
第五章:字符串和正則表達式

回溯既是正則表達式匹配功能的基本組成部分,也是正則表達式的低效之源。
第六章:快速響應的用戶界面

任何JavaScript任務都不應當執行超過100毫秒。
Web workers是新版浏覽器支持的特性。
沒有什麼JavaScript代碼會重要到可以影響用戶體驗的程度.
第七章:Ajax

JSON是輕量級的數據格式,解析速度快。
減少請求數,可通過合並JS和CSS,還有IMG。
縮短頁面加載時間,頁面主要內容加載完成後,用Ajax獲取那些次要的文件。
第八章:編程實踐

大多數的時候,沒必要使用eval()和Function(),因此最好避免使用它們。至於setTimeout()和setInterval(),建議傳入函數而不是字符串來作為第一個參數。
在JavaScript中創建對象和數組的方法有多種,但使用對象和數組直接量是最快的方式(對象屬性和數組項越多,使用直接量的好處就越明顯)。
不要重復工作:延遲加載;條件預加載.
多使用原生方法,因為更快。
第九章:構建並部署高性能JavaScript應用

PV(page view)即頁面浏覽量或點擊量。
減少頁面渲染所需的HTTP請求數,特別是針對那些首次訪問網站的用戶。
JavaScript壓縮。
JavaScript緩存。
使用內容分發網絡(CDN)
第十章主要介紹工具:如firebug,YSlow,和一些性能分析.
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved