1. 重構頁面時，什么樣的代碼才算是好的代碼？
這個我感覺要從三方面來做答，基礎的就不說了，那些語義化，結構化，兼容性等等方面的問題。說說中級部分的：
-
頁面的健壯性： 這個怎么說呢，按我的理解，UI出的psd圖是一個頁面理想狀態下的形態，而真實上線后，會出現三種極端狀態，一，數據極多，二，數據極少，三，數據剛好(其實就是PSD設置描述的一個狀態)。所以在頁面排版的時候，考慮這設計之外的兩種狀態，以免數據太多的時候，撐破布局，頁面走樣。以免數據太少，頁面高度變小，布局不對齊，會打破整個頁面的平衡。UI設計時為了效率或經驗問題出的圖，剛好是理想狀態，不多不少，但經驗豐富的，會在項目后期補出一個無數據時的裝飾頁面。
-
頁面的擴展性：可以說，這個也是第一條的擴充，擴展性的意思為，在頁面的模塊很少的時候，要考慮未來添加子模塊或兄弟模塊的狀態，為將來留好css，html擴展的出入口。在將來添加模塊的時候，盡可能少的去動原來的html結構，使html易於擴展，盡可能少的去修改css，使css能夠繼承可復用。一般的處理就是多套一層div，或其它解決辦法。
-
頁面的復用性： 由於頁面中風格相似的模塊很多，或頁面中與頁面中相似的模擬很多，但是有的高點有的低點，這樣建議把表現形式的樣式放在一個class中，物理屬性放在一個class中。還有就是裝飾性的圖片決不不以明標簽的方式插入到頁面中，內容式的內容絕對以的方式插入中去，以免將來多主題，多語言版本的實現。
大概就這么多，唉，上次面試都沒有想起這么多，郁悶。
2. 重構時如何告訴設計師，他設計的東西太丑？
-
個人本身的專業度，如果你是從一個設計轉過來的前端，並且雖然在從事前端，但一直在關注着前端，這樣在保證自身水平或有認知能力的前提下，去提一下建議，那能保證是有質量，而不是隨便說說。比如：歐美國家的人為什么喜歡飽和度那么重的頁面風格，那是因為他們在赤道附近，接受紫外線比較強，所以喜歡重色。比如，能分清冷暖色，能分清各個顏色的表達意義，一般各個顏色搭配之后是為了突出頁面內容版塊而且強調一定是有序，而不是無序的。
-
溝通時的語氣或說話時的文字組織，一定要注意。這不但體現一個人的情商，更體現一個人的智商。話有三說，巧着為妙。為何他與人相處恰恰剛好，而我卻處處被動，這是有道理的。
個人建議：注意建議，比如以下場景，你這個東西在我的顯示器上看的偏黃，與我們產品logo的主色沖突太大，是不是故意為之，還是我顯示器的問題，能不能到我這來看看。一定要注意，是你故意為之，或我這看看。即抬高了對方，又把場景的主動權掌握在自己的手里。 -
本身話語權，如果你具備一個有話語權的人，或者有這個品牌認知，讓大家有這個共識，這人，說的東西一般靠譜。可以去說，否則，點評別人的江山，還不如管好自己的三畝地。
前端開發qq群： 389875212 ，禁止閑聊，非喜勿進~！