在接觸到SASS這個詞匯時,是在13年,大漠的w3cplus上看到的,那時我還是名UI設計師,做設計為主,偶爾工作需要也寫代碼的。所以對於SASS沒有太多關注。
重視起想要學習LESS,SASS是在今年五月,找工作的時候發現有公司職位需求有要會的。所以呢。學習LESS,SASS就在學習計划中了。
我很建議會CSS的人去學習一下LESS或SASS,它們二個之間有很多共通點,特別容易入門,等我看了一些視頻學習了之后,有一種相見恨晚的感覺,因為很容易理解和學習。並且能真正的能提高工作效率。
LESS和SASS
主要區別是他們的實現方式不同,LESS是基於JavaScript運行,所以LESS是在客戶端處理。
另一方面,Sass是基於Ruby的,是在服務器端處理的。很多開發者不選擇LESS是因為LESS輸出修改過的CSS到瀏覽器需要依賴於Javascript引擎,而Javascript引擎需要額外的時間來處理代碼。關於這個有很多種方式,我選擇的是只在開發環節使用LESS。一旦開發完成,我就復制粘貼LESS輸出的到一個壓縮器,然后到一個單獨的CSS文件來替代LESS文件。另一種方式是使用LESS APP來編譯和壓縮你的LESS文件。兩種方式都將是最小化你的樣式輸出,從而避免由於用戶的瀏覽器不支持Javascript而可能引起的任何問題。盡管這不大可能,但終歸是有可能的。
SASS和SCSS
SASS技術的文件的后綴名有兩種形式:.sass和.scss。這兩種的區別在於.sass文件對代碼的排版有着非常嚴格的要求,而且沒有大括號。
.scss的文件代碼和CSS相近,用了LESS再用.scss明顯的區別就是用的是$ 和@ 做變量。(建議使用.SCSS,我在看博文的時候也有看到喜歡用.SASS的,原因是:不需要{ 更接近ruby python 編程風格)
最后的話
最近一直在找資料學習補充自己。做web前端,發現要學的太多了。 簡單說是html5,css3,js。還涉及到很多東西,光說JS框架現在流行的就非常非常多了。
一直在想時間怎么安排比較合適呢?先學什么呢? 應該做個計划什么的,但計划還未做好。目前還是屬於先是拿起什么先看看,總比坐着什么也不學的好點。