javascript
前端优化方案-JavaScript 优化方案 收藏 此文于2010-06-04被推荐到CSDN首页
前端優化方案-JavaScript 優化方案 收藏 此文于2010-06-04被推薦到CSDN首頁
如何被推薦？
Author: 李麗媛
Date: 2010/6/2
Email: lly219#gmail.com
2?????? JavaScript 優化方案
2.1????????? 測試驅動開發
為了編寫可維護的 JavaScript ，測試驅動是必不可少的。因為每個測試都起到質量反饋的作用，給后期維護和修改創建了一個安全保護網并提供了一份可執行的文檔。通過測試，我們可以保證所有的功能被覆蓋，也避免了重寫代碼后再進行測試的高昂代價。
解決方案 ：以后的開發中使用 JsUnit 和 JSMock 進行測試驅動。
?
2.2????????? 框架
現在已經形成部分框架，但都不夠復用和抽象。并且缺少文檔說明，讓后期開發人員很難進行維護和使用。
解決方案 ：對框架進行封裝、抽象、改進，并且完善文檔。
?
2.3????????? 文件壓縮（ YUI Compressor ）
a)???????? 移除注釋
b)???????? 移除額外的空格
c)???????? 細微優化
d)???????? 標識符替換
解決方案 ：代碼發布時，使用以上壓縮工具進行壓縮。
?
2.4????????? 使用 JSON
JSON 是一種輕量級的數據格式，體現在它的結構定義非常簡單，而且已成為當今 Web 端的主流數據格式標注。
解決方案 ：把能更改為 JSON 數據格式的數據盡量進行更改。
?
2.5????????? 瀏覽器兼容
Web 時代，主流瀏覽器兼容是必須的。而且當 IE 9 來到時，向下兼容可能會出現一些問題。時代在發展， Google 都擯棄了 IE6 ， 既然都有權要求用戶使用 IE 瀏覽器，為何不能要求用戶對瀏覽器升級，或滿足使用其它瀏覽器的用戶呢？
?????? 解決方案 ：更改代碼，使其兼容主流瀏覽器。
?
2.6????????? 使用一些提高 JavaScript 效率的基本常識方法
a)???????? 使用三元操作符代替 if…else… ；
b)???????? 減少 DOM 訪問；
c)???????? 盡量使用 switch ；
d)???????? 簡化常用對象定義（ var obj = {}; 代替 var obj = new Object(); ）；
e)???????? 避免使用 Eval ；
f)????????? 盡量使用語言本身的構造和內建函數；
g)???????? 對高級對象采用緩存；
h)???????? 避免過多的應用層次和不必要的方法調用。
??? 解決方案 ：編寫代碼過程中遵循以上方法。
???
2.7????????? 代碼的可讀性
是程序員都可以寫出機器可讀的代碼，但是要做一名好的程序員就必須寫出人類可讀的代碼。
解決方案 ：在需要的地方增加注釋；降低代碼的層次嵌套；遵循代碼的重用規則；規范命名等等；。
?
2.8????????? 常量和全局變量
JavaScript 文件較多，里面的常量和全局變量過雜過亂。
解決方案 ：常量單獨放到一個 js 文件中進行定義和管理；全局變量應有詳細的文檔說明。
?
2.9????????? 查找瓶頸
a)???????? 局域網不慢，互聯網慢則為加載慢；
b)???????? Chrome 不慢， IE 慢則為渲染慢；
c)???????? 越用越慢則為內存泄露。
??????? 解決方案 ：針對 a) 可對文件進行壓縮；動態加載；加載提示。針對 b) 可緩存經常用到的節點查詢結果；注意 DOM 的刷新；減少加載減少解析；晚加載晚解析。針對 b) 可參見： JS內存泄露 。
?
2.10?????? split 應使用 ascii 碼
看到分割的時候使用了一些常用的字符，這樣當字符串中出現該字符時，就會產生影響。
??? 解決方案 ： split 分割時使用 ascii 碼。
?
2.11?????? 14 Rules for Faster-Loading Web Sites
解決方案 ：根據實際情況選擇適合的規則，逐一改進。
?
3 ．圖片優化方案
3.1.???????? 規范命名
a)???????? 命名有意義，讓人一看便知；
b)???????? 按標準分類，放入相應的文件夾中。
??? 解決方案 ：對圖片重新進行整理，重命名，重新分類，重新切片。牽扯到的 CSS ， JavaScript 也一律進行修改。
?
3.2.???????? 圖片壓縮
解決方案 ：由美工進行修改。
?
3.3.???????? 格式統一，可按照需求使用 gif 和 jpg
解決方案 ：由美工進行修改。
本文來自CSDN博客，轉載請標明出處：http://blog.csdn.net/Vanessa219/archive/2010/06/03/5644683.aspx
總結
以上是生活随笔為你收集整理的前端优化方案-JavaScript 优化方案 收藏 此文于2010-06-04被推荐到CSDN首页的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《大数据》第1期“研究”——大数据管理系
- 下一篇： 作者：刘挺（1972-），男，哈尔滨工业