拿到ui設計圖對頁面的布局和交互設計進行分析，頁面要分出公共模塊還有欄目的通用模塊，之后就組織css也就是一部分是css的api控制頁面內元素的樣式，另一部份是css框架(也就是css的通用部分)，這樣以重復率最高的情況下編寫頁面減少無用功，其次就是交互效果，有著設計圖就只有鼠標懸停的效果（這個時候你要注意了，小公司是沒有交互設計師的，交互效果一般都是由前端去做的，這時就要和設計師交談說明一下鼠標移動過去出現怎樣的變化，過渡的效果等等），最后就是編碼