回覆列表
  • 1 # 小鄭搞碼事

    建議到官網去看一下,有充分的解釋。和手寫CSS相比,主要優勢很簡單:寫出更短,更標準、更易維護的程式碼。然而,和SCSS,LESS等預處理器也是有區別的,PostCSS可稱之為CSS的處理器。"預處理":說明使用預編碼來處理CSS,然後編譯成線上需要使用的CSS。"處理":說明是處理你寫好的CSS,讓你的CSS更健康。兩個過程正好相反。可以透過下面這張圖來理解一下:上圖也告訴我們,在這個過程中有很多外掛。這些外掛就是PostCSS的外掛,而且這些外掛都是使用JavaScript寫的。言外之意,你可以使用JavaScript基於PostCSS核心的Core上編寫任何你想要的一款功能的外掛。也因為這個原因,PostCSS的外掛生態圈非常的強大,最常見的就是Autoprefixer、cssnext之類的。當然還有其他的,這也是PostCSS能在社群迅速發展狀大的原因之一。

  • 2 # 網路圈

    CSS作為最基本的前端技術,很多人覺得它很簡單,的確,CSS入門只要一兩天即可,但想精通CSS其實也非易事。再加上前端技術的突飛猛進,也出現了很多新的技術及術語,比如PostCSS應該很多人沒有聽說過。

    那PostCSS是什麼呢?它和CSS有什麼區別呢?

    傳統手寫CSS程式碼的尷尬

    CSS用來美化頁面,語法很簡單。但是CSS屬性眾多,再加上現在市面上的瀏覽器也較多,相同CSS程式碼在不同瀏覽器下的渲染也是存在差異的,同個CSS屬性在有些瀏覽器下能用有些就不能用。

    為了保證同個頁面在不同瀏覽器下的表現一致,我們往往要寫很多輔助程式碼去實現相容性,這也是CSS Hack技術。如果我們要自己手寫CSS程式碼,想實現最大化樣式相容,很費時費力。

    PostCSS是什麼?有何優勢?

    PostCSS和CSS有著本質上的區別,簡單說,PostCSS是一個用JS工具和外掛轉換CSS程式碼的工具,可以把它理解為一個平臺,我們用PostCSS提供的專用語法可以寫出更專業更規範的CSS程式碼來。

    用PostCSS寫程式碼比我們傳統手寫CSS程式碼有著太多的優勢,主要表現在:

    1、PostCSS提供的外掛會幫我們做好CSS相容處理

    特別是現在的CSS3,不同瀏覽器對於屬性的寫法是不同的,而PostCSS能自動幫我們給CSS加上瀏覽器字首。

    2、PostCSS的程式碼檢查工具可幫我們避免CSS中的錯誤

    PostCSS提供了程式碼檢查工具,在編寫時就能及時發現錯誤。

    3、模組化開發避免全域性汙染

    總結:CSS程式碼雖然簡單,但是如何寫出專業規範、相容性強的CSS卻很難,而我們透過PostCSS的強大外掛可將複雜的工作交給程式去完成,讓程式幫我們生成更專業規範相容性強的CSS程式碼來。

  • 中秋節和大豐收的關聯?
  • 簡筆畫攪拌車的畫法?