上一篇《前端代碼標准最佳實踐:javascript》發表后,大家討論還是很熱烈,從側面體現了前端工程師對寫標准的前端代碼的重視程度很高。這些最佳標准實踐並不是那個權威組織發布的,而是由大量的前端工程師們在實踐過程中的經驗總結,目的在於提高代碼的可讀性,可維護性和性能。那么接着上一篇,我們再來談談 ...
前言 提高網站整體加載速度的一個重要手段就是提高代碼文件的網絡傳輸速度。之前提到過,所有的代碼文件都應該是經過壓縮了的,這可提高網絡傳輸速度,提高性能。除了壓縮代碼之外,精簡代碼也是一種減小代碼文件大小的手段。以下將討論CSS代碼相關的代碼精簡方案。 定義簡潔的CSS規則 CSS的每條規則中都包含了規則的屬性及屬性值。定義簡潔的CSS規則主要是指合並相關規則和定義簡潔的屬性值。 . 合並相關CSS ...
2015-02-25 11:21 6 5407 推薦指數:
上一篇《前端代碼標准最佳實踐:javascript》發表后,大家討論還是很熱烈,從側面體現了前端工程師對寫標准的前端代碼的重視程度很高。這些最佳標准實踐並不是那個權威組織發布的,而是由大量的前端工程師們在實踐過程中的經驗總結,目的在於提高代碼的可讀性,可維護性和性能。那么接着上一篇,我們再來談談 ...
前言 代碼重構是業內經常討論的一個熱門話題,重構指的是在不改變代碼外部行為的情況下進行源代碼修改,所以重構之前需要考慮的是重構后如何才能保證外部行為不改變。對於后端代碼來說,可以通過大量的自動化測試來確保重構后的代碼邏輯,可對於普遍缺乏自動化測試的前端代碼來說,重構之前一定要考慮再三才能下手 ...
者的認可,並已經成為了Web前端開發中不可或缺的一個步驟。以下是代碼和資源壓縮的具體實踐方法。 1. We ...
精簡CSS代碼可以幫助減小樣式文件的大小,使代碼清晰,方便維護。 使用簡寫屬性及默認值 常用簡寫屬性包括 animation、background、border、font、margin、padding、transition... 使用簡寫的 font 屬性時如果不使用 icon ...
前言 這篇文章本應該在上一篇文章:使用更嚴格的JavaScript編碼方式,提高代碼質量之前發布,但當時覺得這篇文章太過基礎,也就作罷。后來咨詢了一些初級的開發者,他們覺得有必要把這篇文章也放上來。盡管這篇文章內容基礎,但是很多初中級開發者還是會犯同樣的錯誤,發布出來也算是再一次提醒 ...
通過傳統的刷新頁面實現的。盡管DOM提供了豐富接口供外部調用,但DOM操作的代價很高,頁面前端代碼的性能瓶頸 ...
概述 本文檔包含了Isobar公司的創意技術部(前端工程)開發web應用的規范。現在我們把它開放給任何希望了解我們迭代過程最佳實踐的人。 編寫本文檔的主要驅動力是兩方面: 1) 代碼一致性 以及 2) 最佳實踐。 通過保持代碼風格和傳統的一致性,我們可以減少遺留系統維護的負擔,並降低未來 ...
前言 JavaScript語言由於其固有的靈活性,所以導致開發者可以寫出很多詭異的代碼,甚至一些較為正常的特性,如類型隱式轉換、this的指代等等,也會讓剛接觸此語言的開發者頭大不已。尤其是那些熟知其他諸如Java和C#等高級語言的開發者。使用更嚴格的編碼方式,可以最大量避免 啟用嚴格模式 ...