注：本文為翻譯文章，因翻譯水平有限，難免有缺漏不足之處，可查看原文。
我們知道寫css代碼是非常枯燥的，尤其是寫重復(fù)顏色、樣式的代碼，這需要我們付出很多努力來保持css代碼可維護，但是它本不應(yīng)該是這樣的。
很幸運地是，web開發(fā)社區(qū)已經(jīng)解決了這個問題，我們在現(xiàn)在已經(jīng)有了類似與less、sass和stylus這樣的預(yù)處理器。它們有很多優(yōu)于一般的css之處，如下所示：
變量---以至于我們可以在樣式表中定義和輕松地改變值。
動態(tài)計算值。在css中我們有calc。
Mixins---使得我們重用和結(jié)合樣式。它甚至還支持傳遞參數(shù)。
函數(shù)---它給我們大量方便的功能來操作顏色、轉(zhuǎn)換圖片等等。
不足之處在于如果你使用他們其中的一種預(yù)編譯器，你需要把它編譯成普通的css這樣他才能在你的瀏覽器中工作。
第一部分：Getting Started
Less 它需要Node.js或者一個web 瀏覽器來運行。你也可以在你的站點引用less.js，這樣它就可以實時地編譯所有的.less樣式表，但是這是很慢的，并且我們不推薦。推薦的方式是提前編譯你的less樣式表成為.css文件來使用。有很多免費的地方可以幫你編譯less文件，但是在這篇文章中我將使用node.js。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式