Web應用程序開發是傾向於在客戶端運行所有用戶邏輯和交互代碼讓服務器暴露REST或者RPC接口編譯器是針對JS作為一個平台第二版 ECMAScript正是考慮到這一點在設計客戶端框架例如Backbone Ember和Require鼓勵創建功能豐富的應用程序不僅有豐富的代碼而且各個組件組件與數據之間有很多相互作用
這真的很好或許還能產生一些優秀的用戶體驗但是毫無疑問的是這是很難開發web應用程序和web頁面
根本原因是在互聯網上服務你的代碼和數據運行在一些隨機的浏覽器上在javascript中這是一種你需要特別小心的語言它是一個完全缺乏 代碼部署的平台而且它不會很快就得到改善我覺得如果星際迷航是現實生活那麼JeanLuc Picard隊長每隔一段時間不能打架的原因是他仍然是克林儀表板加載
我想強調的是三個相對常見的錯誤和容易的解決方案並且談談一些我們遇到的從ReadyForZero學到的特別的事情
剝離“緩存清除”頭信息
你可能使用CDN來緩存靜態資源這當然是合理的如果你向服務器請求非緩存的資源（比如在AWS<Amazon Web Service>端使用"customorigin"將文件指向真實的網絡站點）這就需要小心了你可能會在部署新版本的文件後添加一段緩存清 除的字符串（頭信息）到文件名上來達到這個目的這樣你的文件名看起來是這樣的
這很容易做到你可以選擇任意的Hash算法來生成一段指紋信息作為這個字符串這樣它就會隨著文件內容變化而變化當新的url被引用時它不可 能被緩存這樣就可以獲取到服務器上的新版本錯誤就發生在這裡在網絡上有很多都建議剝離“緩存清除”頭信息而是讓你的服務器直接提供新版本的文件 如果你有多台服務器集群這可能導致你的站點上不同文件（如htmljs）的版本不一致（如js已更新但是html（從另一台服務器請求）仍然是舊 的）不僅如此更嚴重是它很容易導致CDN緩存了錯誤的版本這個錯誤是這樣發生的
·初始階段所有的服務器都是HTML 和JS
·服務器A重啟了並提供HTML和JS
·一個客戶端向CDN請求main__V__js這個時候這個文件是新的所以CDN上沒有緩存
·CDN把這個請求傳給了你設置的custom origin 碰巧這個請求發到了服務器B上
·服務器B剝離了“緩存清除”字符串並返回舊的版本
·CDN把舊版的的文件當新的緩存了
這件事情考慮起來很簡單明了但是盲目的聽從網絡上的建議很可能導致錯誤更糟糕的是在你這看起來一切都是好的你根本不知道發生了錯誤但是其它地 區的用戶使用了不同CDN很可能緩存了錯誤的版本解決方案是不要剝離“緩存清除”字符串並將靜態資源存放在能夠正確支持各個版本的地方
處理龐大的JS炸彈
每個人都知道我們需要壓縮我們的javascript文件並把它們連接在一起但是盲目地這樣做並非明智之舉如果連接的文件很大那麼更有效的方法就是並行化另外如果你需要頻繁的修改文件的某一部分你可能會導致很多地方失效而文件很大部分卻沒有被修改過
如果把頻繁修改的部分分離出來那麼就可以解決兩邊的問題我建議使用requirejs 它可以實現對你的javascript的真正的依賴關系管理而且第一次使用的時候設置很簡單（稍後添加會很痛苦）而且可以幫助你理解和管理依賴關系包括一些高級選項例如異步載入
需要注意的requirejs會等待一段時間後會放棄載入資源這個可以通過指定waitSeconds選項實現這個選項的默認值似乎秒它依賴於你的用戶在哪裡（例如手機）可以是很短的時間
沒有匯總錯誤事件
你不能只讓你的javascript上線使用而不關心它的運行情況你不可能測試每一個浏覽器和每個用戶的狀態組合另外不同的載入時間可能導致怪異的狀態所以建立某種反饋機制來判斷你的用戶是否遇到錯誤變得十分重要這很簡單你只需通過指定一個全局錯誤處理程序收集錯誤並發送會服務器以下是一個例子
棘手的部分是很多時候會出現一些非的錯誤因為用戶可能安裝了各種怪異的插件或者其他所以你需要跟蹤穩定的狀態到底是什麼還有是否有任何的偏差
ReadyForZero我們在頂層捕獲onError事件並把它們發送會服務器然後生成一個日報匯總多少個用戶發生了錯誤和這些錯誤發生在哪裡我們發現很多時候錯誤消息並不足夠所以我們同樣需要從我們的事件系統回傳最後幾個事件通過分析用戶最近觸發的Backbone或者JQuery事件對於獲取當時用戶觸發錯誤時候的上下文信息有很大的幫助
垂手可得的改進
令人沮喪的是下面這些點不是我們必須擔心的公司更應該關注在產品上快速高質量地把它們弄出來但是請記住如果這些垂首可得的改進獲得實施你將能更專注於大動作上
人們總是被一些瑣事糾纏住花費了大量時間但是僅僅讓你的應用正常運行就能獲得大的成長
你的客戶端代碼有沒有內存洩露？你確定嗎？你是怎麼知道的？
在ReadyForZero[注]我們有很多聰明的人們致力於推動這門藝術
[注]ReadyForZero是由 Y Combinator資助的一家公司公司的目的是通過網絡平台幫助消費者擺脫信用卡債務
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20052.html
