div+css布局是我見過的最繁雜,最困難,最惡心的布局方式。
如果你學(xué)過android和ios布局的話,你就會(huì)明白我為什么這樣說了,特別是ios的AutoLayout,直接甩css幾萬里。從原生布局轉(zhuǎn)向h5布局,簡直就是從天堂掉到糞坑。
舉個(gè)例子,實(shí)現(xiàn)一個(gè)不定高度的div在父div中垂直居中,這在android和ios原生布局中只需一行代碼或一個(gè)約束即可實(shí)現(xiàn),而使用css,你需要無數(shù)代碼,并且實(shí)現(xiàn)方式非常讓人無語, 且無法理解。
再比如,浮動(dòng)和清除浮動(dòng)的設(shè)計(jì)邏輯,我到現(xiàn)在也不能理解,當(dāng)你要使多個(gè)div橫向排列的時(shí)候,你必須要讓它們“浮動(dòng)起來”,這還會(huì)導(dǎo)致浮動(dòng)元素的父元素的高度消失,從而導(dǎo)致你必須“清除浮動(dòng)”。這真是蠢材才能想出的設(shè)計(jì)邏輯。
css的成長過程就是不顧一切的堆砌,導(dǎo)致無數(shù)垃圾屬性產(chǎn)生,而且各種屬性之間還會(huì)產(chǎn)生莫名其妙的沖突。同情學(xué)習(xí)前端的同學(xué),竟然要接觸如此爛的設(shè)計(jì)方式,當(dāng)他們?cè)跓o數(shù)層嵌套的div里尋找一個(gè)元素時(shí),我不由得感嘆,怪不得前端程序員的工資如此之高!
有的同學(xué)肯定會(huì)說了,“你不會(huì)用就不要說不好用”。
對(duì)此我只能呵呵一笑,易用的語言才是好語言。
還有同學(xué)又要說了,“這么爛的語言能生存這么多年不被淘汰?”
我也只能呵呵一笑,沒有見過更高的山峰,你當(dāng)然無法理解更高層風(fēng)景之美。
我大膽預(yù)言,未來必將出現(xiàn)一種新的設(shè)計(jì)語言或思路,div+css將被徹底廢棄并被永久的扔進(jìn)垃圾桶,屆時(shí),我只能用情懷來祭奠這款語言,想想都很爽。
吐槽結(jié)束,被迫寫純H5APP的我繼續(xù)研究屎一樣的css去了。