什么樣的代碼才算是好的代碼?

主頁 > 學習 > HTML >

張兵 次瀏覽

摘要:1.重構頁面時,什么樣的代碼才算是好的代碼? 這個我覺得要從三方面來做答,根底的就不說了,那些語義化,構造化,兼容性等等方面的問題。說說中級部分的: 頁面的強健性:這個

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

隨機新聞
急速赛车收