如何使用AngularJS最小化不斷變化的網站風格變化

我真的想盡量減少在我的網站/門戶網站上感受到變化的工作。這些更改有時只與CSS有關，有時候我希望我更新類的名稱和大部分時間，只更新內部樣式（只有在這種情況下，更改纔是透明的）。但是當我知道新的風格指南的HTML結構有變化並且需要根據新的風格指南更新和整理整個應用程序/小部件之後，真正的折磨纔會出現。在應用程序中使用如何使用AngularJS最小化不斷變化的網站風格變化

技術有：AngularJS，引導3

現在，請建議什麼是最好的方式將這些風格指南變化最小化？ AngularJS能幫助我嗎？

感謝，

Jaffy

來源

2015-04-28 Jaffy

那麼angularJS只是一個JS框架..不是一個風格指南..類似bootstrap3 //基礎是css框架..他們最大限度地減少輸入你需要承諾的風格.. – Pogrindis

爲什麼你的風格不斷變化？ –

應用程序處於演示階段，前端設計人員不斷更改網站的佈局/樣式，稍後我必須將其納入實際應用程序中。 – Jaffy

還不是很清楚哪些是你的要求，或者爲什麼你的風格指南的變化。但是，不應該嘗試直接使用Angular或Javascript進行修復。除非你的佈局改變，否則類名稱不應該改變，除非你的佈局改變了，否則唯一的改變應該在樣式上。

你需要的是兩兩件事：

如果你用粉底或引導，你應該使用它們的SASS/LESS 文件並覆蓋樣式，這樣，如果例如UI 要求的變化：background-color，或 border-radius對於某些組件，你只需要去適當.scss或.less文件，並修改變量值

可以使用

bower install bootstrap-sass-official --save

然後配置你的呼嚕聲/一飲而盡或任何其他任務生成器生成例如青菜導入SASS版本，你可以重寫引導變量。

一種命名您的組件約定，並OOCSS（面向對象CSS）的知識我建議你使用BEM，是非常容易閱讀，一旦你理解的慣例，並幫助很多可能的CSS特殊問題。

我希望這會有幫助，否則請更新您的答案，以瞭解您站在哪裏。

來源

2015-04-28 18:08:22 Matho

如何使用AngularJS最小化不斷變化的網站風格變化

回答

相關問題