鍍金池/ 問答/HTML/ 作為一個(gè)前端，如何在搭建項(xiàng)目時(shí)如何將公共樣式抽離出來，什么時(shí)候?qū)⒐矘邮匠殡x出來

作為一個(gè)前端，如何在搭建項(xiàng)目時(shí)如何將公共樣式抽離出來，什么時(shí)候?qū)⒐矘邮匠殡x出來

工作新手小白，每次都是別人幫我搭好的東西，自己就寫寫樣式，數(shù)據(jù)交互一下，好想自己搭起來

1.使用webpack等現(xiàn)在打包工具

2.使用sass，less等預(yù)處理器

3.使用autoprefixer后處理器

回答
編輯回答
神經(jīng)質(zhì)

Css的任何一個(gè)規(guī)則，都是全局性的聲明，會(huì)對(duì)引入它的頁(yè)面當(dāng)中所有相關(guān)元素起作用，不管那是不是你想要的。而獨(dú)立及可組合的模塊是一個(gè)可維護(hù)系統(tǒng)的關(guān)鍵所在。
所以也就有了 Css 設(shè)計(jì)模式。而設(shè)計(jì)模式會(huì)告訴你怎樣分割整合各類樣式。
自查關(guān)鍵詞 OOCSS BEM Meta CSS

2017年10月12日 22:32
編輯回答
下墜

一目了然的功能可以考慮抽離出來，不然還是等項(xiàng)目完成差不多的時(shí)候在優(yōu)化進(jìn)行抽離，因?yàn)殚_始的時(shí)候你不知道后續(xù)有多少改動(dòng)。

2017年10月11日 18:42
編輯回答
刮刮樂

我覺得公共樣式CSS的書寫是結(jié)構(gòu)相似度高的Dom結(jié)構(gòu)的，得按照項(xiàng)目?jī)?nèi)相似dom來寫,所以盡可能寫非數(shù)值類的布局
預(yù)編譯sass，再針對(duì)上者進(jìn)行個(gè)性化設(shè)置

2017年8月11日 04:15
編輯回答
哎呦喂

拿到設(shè)計(jì)圖 整體看看 看哪些是公共部分 考慮如何抽出公共的組件和樣式 然后把復(fù)用度比較高的部分抽離出來做公共樣式

2017年5月29日 16:35
編輯回答
使勁操

比較常用的有按鈕、input框、彈窗、表格等，這些都是可以寫成公共樣式的。另外，需要根據(jù)設(shè)計(jì)圖來抽離公共的部分樣式。

2018年6月24日 15:26