萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> web前端開發SASS介紹

web前端開發SASS介紹

下面我們給大家介紹一下web前端開發SASS吧!希望大家可以在這裡學習!

易維護,更方便的定制

對於一個大型或者稍微有規模的UI來說,如果需要替換下整體風格,或者是某個字體的像素值,比如我們經常會遇到panel,window以及portal共用一個背景色,這個時候按照常規的方式,我們需要一個個定位到元素使用的class,然後逐個替換,SASS提供了變量的方式,你可以把某個樣式作為一個變量,然後各個class引用這個變量即可,修改時,我們只需修改對應的變量。

對於編程人員的友好

對於一個沒有前端基礎的編程人員,寫css樣式是一件非常痛苦的事情,他們會感覺到各種約束,為什麼我不能定一個變量來避免那些類似“變量”的重復書寫?為什麼我不能繼承上個class的樣式定義?。。。SASS/SCSS正是幫編程人員解開了這些疑惑,讓css看起來更像是一門編程語言。

效率的提升

對於一個前端開發人員來說,我不熟悉編程,也不關注css是否具有的一些編程語言特性,但這不是你放棄他的理由,css3的發展,加之主流浏覽器的兼容性不一,很多浏覽器都有自己的兼容hack,很多時候我們需要針對不同的浏覽器寫一堆的hack,這種浪費時間的重復勞動就交給SASS處理去吧!

以上就是由精品為您提供的web前端開發SASS,希望給您帶來幫助!

相關推薦:

web前端開發slidesjs介紹 

copyright © 萬盛學電腦網 all rights reserved