原文:Web前端開發最佳實踐(9):CSS代碼太太亂,重復代碼太多?你需要精簡CSS代碼

前言 提高網站整體加載速度的一個重要手段就是提高代碼文件的網絡傳輸速度。之前提到過,所有的代碼文件都應該是經過壓縮了的,這可提高網絡傳輸速度,提高性能。除了壓縮代碼之外,精簡代碼也是一種減小代碼文件大小的手段。以下將討論CSS代碼相關的代碼精簡方案。 定義簡潔的CSS規則 CSS的每條規則中都包含了規則的屬性及屬性值。定義簡潔的CSS規則主要是指合並相關規則和定義簡潔的屬性值。 . 合並相關CSS ...

2015-02-25 11:21 6 5407 推薦指數:

查看詳情

前端代碼標准最佳實踐CSS

上一篇《前端代碼標准最佳實踐:javascript》發表后,大家討論還是很熱烈,從側面體現了前端工程師對寫標准的前端代碼的重視程度很高。這些最佳標准實踐並不是那個權威組織發布的,而是由大量的前端工程師們在實踐過程中的經驗總結,目的在於提高代碼的可讀性,可維護性和性能。那么接着上一篇,我們再來談談 ...

Wed Aug 08 17:50:00 CST 2012 8 6836
Web前端開發最佳實踐(2):前端代碼重構

前言 代碼重構是業內經常討論的一個熱門話題,重構指的是在不改變代碼外部行為的情況下進行源代碼修改,所以重構之前需要考慮的是重構后如何才能保證外部行為不改變。對於后端代碼來說,可以通過大量的自動化測試來確保重構后的代碼邏輯,可對於普遍缺乏自動化測試的前端代碼來說,重構之前一定要考慮再三才能下手 ...

Mon Jan 19 17:52:00 CST 2015 2 6902
精簡CSS代碼

精簡CSS代碼可以幫助減小樣式文件的大小,使代碼清晰,方便維護。 使用簡寫屬性及默認值 常用簡寫屬性包括 animation、background、border、font、margin、padding、transition... 使用簡寫的 font 屬性時如果不使用 icon ...

Fri Apr 25 06:14:00 CST 2014 2 3003
Web前端開發最佳實踐(10):JavaScript代碼不好讀,不好維護?你需要改變寫代碼的習慣

前言 這篇文章本應該在上一篇文章:使用更嚴格的JavaScript編碼方式,提高代碼質量之前發布,但當時覺得這篇文章太過基礎,也就作罷。后來咨詢了一些初級的開發者,他們覺得有必要把這篇文章也放上來。盡管這篇文章內容基礎,但是很多初中級開發者還是會犯同樣的錯誤,發布出來也算是再一次提醒 ...

Wed Mar 18 18:24:00 CST 2015 6 2393
前端代碼規范 及 最佳實踐

概述 本文檔包含了Isobar公司的創意技術部(前端工程)開發web應用的規范。現在我們把它開放給任何希望了解我們迭代過程最佳實踐的人。 編寫本文檔的主要驅動力是兩方面: 1) 代碼一致性 以及 2) 最佳實踐。 通過保持代碼風格和傳統的一致性,我們可以減少遺留系統維護的負擔,並降低未來 ...

Thu Aug 31 17:25:00 CST 2017 0 1165
Web前端開發最佳實踐(11):使用更嚴格的JavaScript編碼方式,提高代碼質量

前言 JavaScript語言由於其固有的靈活性,所以導致開發者可以寫出很多詭異的代碼,甚至一些較為正常的特性,如類型隱式轉換、this的指代等等,也會讓剛接觸此語言的開發者頭大不已。尤其是那些熟知其他諸如Java和C#等高級語言的開發者。使用更嚴格的編碼方式,可以最大量避免 啟用嚴格模式 ...

Fri Mar 13 20:08:00 CST 2015 2 3170
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM