前端工程師討厭寫 CSS 是什麼心態?

時間 2021-05-07 10:39:08

1樓:前端小姐姐

站在個人角度來說,我認為CSS還是有很多趣味的,所以有時候真的不要輕易目空一切。作為一名前端工程師,往高階說 Grid、濾鏡、動畫,往底層說排版原理,line box,就乙個 vertical-align 的各個值的含義有幾個人能說清楚?再往遠說 svg,canvas,dc,d3,webgl,都是視覺工作的利器,也是前端的核心競爭力之一,對視覺沒興趣前端基本等於自毀一半功力,那麼又何苦在前端圈子消磨自己呢?

如果你編寫CSS的方法是仔細地為每個元素設計樣式,那麼你就會錯過樹的森林。想象一下,在森林裡凝視著,注意到所有楓樹。您可以編寫乙個類來樣式化所有的楓樹,而不是為每個樹編寫重複樣式。

這就是您如何將您的設計抽象成可重用塊的方式。現在,想象一下構建乙個登陸頁面而無需編寫單一的CSS。當你的CSS全部封裝成可重用的塊時,你就會得到乙個完整的預樣式片段的寶庫。

2樓:葡萄城

首先先說結論:第一,CSS並不是一門簡單的技術;第二:前端工程師並不是討厭寫CSS,而是不想做重複的需求;第三:怕麻煩。

假如收到的需求總是要前端新建立乙個模組,橫向排列分三列或分四列,另外領導還要求加一些酷炫的動效同時邊距也希望留的適當。初期可能會有些熱情,隨著這樣重複的需求越來越多,熱情也會被慢慢磨幹的。

另外,為元素取名要取的符合規範同時還要看起來專業,是很麻煩的,再別說還得同時修改CSS檔案和模板檔案了。

所以,工程師不想去寫也是情有可原的。但程式設計師也不是所有的CSS都不願寫,比如能給他們帶來極大成就感的炫技CSS他們還是有很大熱情去寫的。例如下面這個用CSS畫的哆啦A夢,感興趣的同學快來試試吧:

3樓:

前端和前端是不一樣的,雖然title都是前端。

有設計稿出頁面的叫前端

有寫工具、搞建設的叫前端

也有寫nodejs、php的叫前端

像寫中後台系統的,用個element-ui、antd,可能css都寫不了多少。

css有時候幾個屬性搭配在一起會有各種奇奇怪怪的問題,又沒有邏輯,不喜歡寫css不是很正常嗎。

4樓:

css這種命題式程式設計,只能靠記,而且寫起來太過瑣碎化,為了乙個簡單特效就要費不少腦細胞,基本上就是寫寫停停,還不如去Github擼乙個現成ui元件

5樓:

css需要藝術細胞,美術功底,屬於文科藝術生。

js需要邏輯分析能力,屬於理科生。

高三就分班了,大學都分專業了。

然後工作的時候你想合併到乙個人身上?

css會寫,但是只限於寬度高度,定位,是否可見,浮動,對齊等。

至於顏色,呵呵,不怕嚇死你嗎?

思維方式完全不一樣。

當然有高人可以兩個都會,可惜俺不是高人。

另外做ui原型設計的人,只出圖不會給html+css。

我也想不明白這是怎麼回事。

其實現在分工很細緻了。

做圖的,ui設計

做互動的。

做html+css的

做js特效的

做js資料繫結的。

當然還有後端。

有全會的,有會幾樣的,有只會一樣的。

我覺得都很正常呀。

乙個班的學生,成績還都不一樣呢。

喜好和擅長的地方也都不一樣。

6樓:末日頌歌

推下自己的庫好讓你認識下我

weilanwl/ColorUI

作為乙個UI轉前端我來分析下哈

css叫層疊樣式表,這個層疊的意思就是乙個個層級堆疊起來(廢話!)。它更像是美術了!先畫草稿(HTML),然後塗塊(布局),最後細化(css屬性等)。

大部分的前端都是邏輯型的前端,發請求渲染資料啊!處理快取啊邏輯啊互動啊啥的。我想大部分培訓機構或者學校也是教這些。

沒接觸過UI或者沒有美術基礎的童鞋在樣式還原這塊他的思維就不一樣!實現起來的方法就是定位!寫死寬!

目前來看大部分公司的流水線都是UI出稿然後給前端還原再渲染資料,就很少有那種UI前端資料全乾的!

然而還是拿乙個人的工資

很多UI想表達的東西前端get不到或者實現起來不好做就切個圖懟過去了

前端有時候自己呢就懶得還原了找個庫拿下來改改差不多就行了,乙個專案裡引用四五個庫那種

問啥心態?

UI型選手寫css↓

邏輯型選手寫css↓

關於如何寫好css可以看下大佬的部落格

張鑫旭的個人主頁 " 張鑫旭-鑫空間-鑫生活

還有他的書買一本吧!我是他的小迷弟我css自學的就是看的他部落格嘻嘻嘻

7樓:趙貴池

還有可以模擬下圍棋,在外行看來非常之簡單,在內行看起來卻非常複雜。本來沒什麼問題,問題就是總有外行認為自己內行,肯定結果就是死都不知道怎麼死的。css也是同樣的道理,大多數人都是一知半解,出問題是必然的,可偏偏都不願意承認,於是靠罵css來平衡自己。

在我看來就是一種阿Q精神

8樓:黃景嚴

恰好最近在學前端,由於是公司要人幹活,所以並沒有很系統的去學習,大致學習了就去寫東西了,然後發現巨坑!

由於我之前是寫原生安卓的,寫前端的時候我就覺得很多事情很匪夷所思。

比如我給4個div設定成行內塊元素,width設定成25%,結果4個div卻不能橫向併排;

padding為什麼會影響到父元素的大小?子元素的大小為什麼能超過父元素並且還能顯示出來?

設定乙個子元素浮動在某一邊的時候發現子元素竟然不在父元素裡邊了?或者說穿透出來了?總之就是各種不理解,太反我的直覺了,不知道是不是因為安卓太傻瓜了,搞得我很不適應。

9樓:嗯哼

只有在碰到相容ie還有移動端多端相容的時候,我就會不喜歡寫css,主要還是因為投入大產出少做的感覺沒啥成就感,一點點調,最後也只是把樣式都多端呈現統一了

10樓:糖醋悶油瓶

我的真實感受是:

咦,這個怎麼這樣,和設計不同啊,要改。

改了半天,怎麼不起效果,抓狂。

然後一頓瞎操作,咦,怎麼好了!

和預想的不對啊

算了,就這樣吧

看到一堆樣式表,一堆後覆蓋前,我就頭大,算了算了,還是最後另起一行加上吧。

以上的內容看的是不是很頭疼?不明所以?

我寫css就是的感覺就是這樣的。

自己寫的還好,別人寫的簡直就是盲人摸象。

另外class的命名還是一大問題。

11樓:愛吃棉花糖

只有兩種情況

水平不行,掌握不了,因為語意化入門很簡單,深入後對空間想像力蠻有要求,加上與其它技術存在交叉關係,所以只能用框架

前端技術都掌握,職業發展碰到瓶頸,有能寫一套vue的理想也有明日復明日的現實,天長日久因愛成恨,賺錢不可能自暴自棄,那就只能專業自暴自棄了

12樓:張帆

後台還能客串寫寫js,前端不寫css誰來寫?讓設計寫嗎?哈哈哈哈哈哈哈哈

這種必須你幹的活,有什麼討厭不討厭的?實在討厭就換崗位吧。

13樓:Vin Lian

因為寫css很麻煩,js可以一次寫他幾百行再除錯,css寫幾句就得切出去重新整理看顯示效果,有一點問題就錯位還得一點一點調節。切換頁面多了,眼鏡都花了。

14樓:夢筆生花

不是討厭寫CSS,是討厭沒有挑戰性的單調重複。比如乙個活動頁,你讓我用css去實現乙個複雜酷炫的動效我願意去挑戰,但是只是改改樣式,改改布局,改改文案,這種誰寫多了都煩。不怕麻煩不怕重複的程式設計師不是乙個好程式設計師。

15樓:中華有神貓

總結:對css的學習是夠用就行,文件流、重繪回流這些需要清楚。有時間不如深入學點別的。既然學都提不起興趣,自然也不喜歡寫了

16樓:SenZQ

正常心態

具體感受就是,沒有什麼成就感吧。

現在所服役的工作室有一種心理,就是覺得搞設計的都好低階,或者說,看不起搞設計的。

有時候一些很簡單的psd要去處理,都嗤之以鼻,無論怎麼樣都要等到設計有空再讓設計完成(單位的前端拿到psd,要自己切圖,有一些置入啊,蒙板什麼的都等設計弄)

寫指令碼,你看這個處理邏輯多麼嚴謹,你看這個演算法多麼精巧,你再看,那麼動畫是如此的炫酷流暢,任何乙個Amazing的點,都會意想不到的得到讚譽。

而寫CSS,可能常人常用到的,也就是那麼幾句有關布局,有關字型,有關色彩,有關相容,很少有與眾不同的東西,樣式上的精美基本全靠設計美工。

我覺得吧,寫指令碼和寫樣式表,其實就好比做飯和洗碗,互相都離不開,但顯然,做飯要比洗碗更值得炫耀。

可是有些地方也是我後來才注意到的,有時候的一些問題,你想出了很完整的指令碼解決方案,但是人家一句CSS,乙個Html標籤就可以搞定。

那時候我想做乙個隨著輸入內容的增多自己會拉高尺寸的

我的想法是,利用focus、blur、keyup事件動態檢測文字內容,根據字型大小,數量,和寬度動態修改其高度......

然後有人告訴我,何不試一試搭配height:auto。。。

這件事情我讓我印象深刻,直接就改變了我對寫CSS的看法。

就好像,如果用砂鍋就可以煲的一鍋好湯,又何故執著於鐵鍋搭配控制火候控制佐料控制各種東西。

最後吧,作為乙個合格的前端,洗碗和做飯其實一樣重要。

來一波當年的「大作」(半成品,沒上線)

再來一波今天某廠的外包小H5(設計稿還沒出只能先照著結構圖寫個Demo)

17樓:Exception.neko

因為css是乙個相當玄學的東西,它的標準時W3C制定的,實現是各家瀏覽器廠商做的

瀏覽器廠商只把W3C的標準當做參考,實現起來每家都有不一樣的地方不同品牌的瀏覽器,不同版本的瀏覽器,有些css在它們身上就是有差別比如iPhone6的div設定了margin,如果它的長寬為0,他實際的尺寸不會被margin撐開,而其他型號的iPhone用同樣的瀏覽器。div就會被margin撐開。

明明是同樣品牌的手機,同樣版本的瀏覽器,實現的效果卻不同。使用者反饋過來,你能怎麼辦?

到處跑著去借iPhone吧

18樓:TinaLim

就在前幾天信心滿滿的我接了專案對css高一些,寫完之後的我被老大說寫的css像坨 ……

自此以後,再也不敢輕視css,默默拿起可愛的css in depth看完了12章的我又重拾了信心,昨天開始重構寫得像坨的css寫得醜還是要多讀書

19樓:Parabola

除了很多人都在吐槽的黑盒特質、相容性/不確定表現的坑外,如 @JX Consp 所說,CSS 主要對於排版、設計方面的知識有一定要求。前者包括但不僅限於文字排印、柵格系統、盒模型,後者(且不論美觀)更涵蓋了可訪問性、裝置特徵等等知識。

當然這些知識不難,且經驗為多。但它們與程式設計還有一些距離,作為工程師當然不習慣。

所以 CSS 更貼近於前端工程師與設計師的中間位置(或者叫 「UI Developer」?)

為什麼有的前端工程師不願意寫樣式?

子丶言 哈哈哈,大概是有自知之明吧,自己 css 不怎麼會,寫得不好,作為前輩總得考慮下面子 當然也有那種從後端轉前端的領導,自己會一些 js,css 什麼的一竅不通,嚯嚯嚯 因為大部分的切圖工作,都是比較枯燥乏味的,比如 不符合自己審美的頁面。反之,如果每次頁面都是非常漂亮,有挑戰性的那種,我會打...

為什麼很難聘到前端工程師?

LL君 還是在於環境的認知和認同問題。他們也許不懂互動設計,但是沒人比他們懂互動設計的實現,和每乙個細節。他們也許不懂視覺設計,但是沒人比他們懂視覺設計如何變為現實。他們也許不懂後台資料庫,但是他們其實才是資料的第一消費者。他們也許不是產品經理,但是產品的質量幾乎都是由他們來決定。 梵湖貓 其實純J...

為什麼前端工程師很少用 Visual Studio Windows

wangyu60 Visual Studio Code 了解一下?Visual Studio Code Code Editing.Redefined 永恆的夢魘 我是個前端工程師 visual studio 開發前端頁面確實沒有hbuilder 用著好前端又不需要什麼環境,能從瀏覽器開啟就行。又一次...