教你開發出不會被後端吐槽的前端版型 - iT 邦幫忙 - iThome
文章推薦指數: 80 %
當 UI 提供給你設計稿,你轉換為前端介面後,下一個步驟就是轉給後端工程師開發成動態應用程式,有些剛涉入前端工作沒多久的新人在不瞭解後端邏輯時,在溝通上容易有障礙,分享幾個觀念給各位,讓你減少被吐槽的機會。
我將會以下圖的產品列表當做案例解說:以右側產品列表為例,很多人都會設計這樣的結構,每個 li 都有客製的 class 與對應的 CSS,請不要這樣,因為你根本不清楚右側產品列表會有幾項產品,假使會有 20 項以上你的網頁不就掛掉了?所以你必須在 CSS 選擇器上在 .product li來指定樣式,同時確保在內容變多時也能自適應從上