UI都直接切成HTML靜態(tài)頁(yè)面，還有寫(xiě)HTML的必要么？

如題詳述： 剛才看到的東西，簡(jiǎn)直讓我大吃一驚，直接使用UI切成的靜態(tài)頁(yè)面（前一分鐘）或者一份百度文庫(kù)也能解釋我的心虛。

看到這個(gè)地方，我就有點(diǎn)心虛了，從來(lái)都是拿著UI給的標(biāo)注圖，一點(diǎn)點(diǎn)寫(xiě)結(jié)構(gòu)，一點(diǎn)點(diǎn)寫(xiě)樣式的我，能不心虛嗎？感情之前做的都是白費(fèi)啊，難道真是孤陋寡聞見(jiàn)識(shí)短淺？

所以問(wèn)題有二：

（1）首先想問(wèn)UI人員，根據(jù)上面的百度文檔，的確可以切成html，但是我現(xiàn)在用的都是UI同事用sketch切的帶標(biāo)注的圖，還是得一點(diǎn)點(diǎn)敲HTML和css，請(qǐng)問(wèn)根據(jù)你們不同方式，身為前端的我有更高效的工作方式么？

（2）其次想問(wèn)前端工程師，如果真是上述實(shí)現(xiàn)，那前端就只剩下寫(xiě)點(diǎn)js交互，請(qǐng)問(wèn)作為同行的你，平時(shí)都是這樣高效的工作么？還是我的方式太傻太傻？

注：望不吝賜教，靜候您的佳音.....

回答

編輯回答

嘟尛嘴

不論什么行業(yè)，低端重復(fù)性勞動(dòng)的可取代性總是最高的。你給的例子我看了下，貌似是基于PS切片的？目前機(jī)器學(xué)習(xí)已經(jīng)能達(dá)到給草圖出頁(yè)面基礎(chǔ)結(jié)構(gòu)的能力了。
但是機(jī)器也有一定的短板，比如目前來(lái)說(shuō)，就還沒(méi)智能到給需求做技術(shù)選型的地步，前端還是要自行決定針對(duì)不同的需求采用針對(duì)性的策略，排頁(yè)面只能說(shuō)是一種輔助性質(zhì)的工具，就像CAD之于工業(yè)設(shè)計(jì)。另外，前端這種HTML、CSS和JavaScript相互分離的結(jié)構(gòu)可能也是個(gè)門檻，要不是MVVM大行其道，可能大家都還在以使用原始生產(chǎn)工具的方式為榮吧。
工具終歸是要適應(yīng)生產(chǎn)力的，所以一樣可以自己創(chuàng)造。如果你覺(jué)得自己的工作帶有一定的重復(fù)性而且量很大，那么就可以考慮找輪子/自己造輪子。不要拒絕成長(zhǎng)。
說(shuō)到底，還是要不斷提升自身的知識(shí)水平，為“不可替代”而不斷努力。

2018年9月3日 11:46

編輯回答

深記你

1.sketch切圖直接轉(zhuǎn)成html是個(gè)好像，意味著可以提高前端開(kāi)發(fā)工程師的效率，從寫(xiě)頁(yè)面中解脫出來(lái)，去做其他更多更有意義的事情，因?yàn)楸举|(zhì)上量尺寸，寫(xiě)頁(yè)面就是一個(gè)體力活，只要熟練掌握之后，很難有量的提升，意思是一個(gè)很牛逼的人和一個(gè)一般般的人，效率上差別不會(huì)很大
2.現(xiàn)在應(yīng)該還沒(méi)有大規(guī)模的生產(chǎn)上使用這種方式，可能是因?yàn)榇嬖趲讉€(gè)問(wèn)題

1.代碼可維護(hù)性差，機(jī)器生成的代碼沒(méi)有人寫(xiě)的代碼容易看懂
2.復(fù)用性差，涉及到相同的部分，需要抽象成組件，這個(gè)機(jī)器還做不了，需要人工介入
3.兼容性，不同的產(chǎn)品對(duì)兼容性的要求可能不一樣，有些需要兼容IE8，有些不需要，等等，這些短期之內(nèi)都是需要工程師人工來(lái)做的

3.不排除將來(lái)真的能實(shí)現(xiàn)自動(dòng)生成的html可以直接用在生產(chǎn)中的可能，那也是一件好事

2017年1月4日 13:26