![VueCLI](/blog/2020/04/15/VueCLI/VueCLI.png)
VueCLI
![VueCLI](/blog/2020/04/15/VueCLI/VueCLI.png)
“CSS is simple…, it’s simple to understand.
But CSS is not simple to use or maintain.”
CSS易於理解,但應用和維護上並不簡單。
Sass(Syntactically Awesome StyleSheets)是一種 CSS 的擴充,是為 CSS 的超集合(透過編譯會 compiled 成傳統 CSS,讓瀏覽器可以閱讀)。使用 Sass 的出現是為了解決在大型專案時傳統 CSS 會遇到的重複、可維護性差等問題(新增了 nested rules, variables, mixins, selector inheritance 等特性)。讓開發者可以撰寫簡潔、富語意(expressive)、重複性佳(reusable)、可維護性佳和可延展性佳的 CSS 程式碼。
過去 CSS2 時期複雜而且也麻煩的
Flost
的方式,對於那些特殊布局非常不方便,比如,垂直置中就不容易實現。
2009年,W3C 提出了一種新的方案 – Flex,可以簡便、完整、響應式的實現各種布局。
Flexible Box Layout Module
響應式網頁設計(英語:Responsive web design,通常縮寫為RWD),或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是一種網頁設計的技術做法,該設計可使網站在不同的裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為。