1. 詳情頁(yè)面的布局
頁(yè)面布局的話(huà)，我還是習(xí)慣先把靜態(tài)頁(yè)面做出來(lái)，確保沒(méi)問(wèn)題了，然后再跟后臺(tái)對(duì)接。
在實(shí)際的開(kāi)發(fā)過(guò)程中，靜態(tài)頁(yè)面一般是美工或者前端工程師負(fù)責(zé)，后臺(tái)工程師主要關(guān)心如何把Java層的數(shù)據(jù)貼到靜態(tài)頁(yè)面。（雖然我經(jīng)歷的幾個(gè)公司都是自己一個(gè)人全包了。。。）
之前我已經(jīng)把我個(gè)人繪制靜態(tài)頁(yè)面的過(guò)程，還有自己的思路寫(xiě)出來(lái)了，所以從本節(jié)開(kāi)始，我不會(huì)再寫(xiě)得那么詳細(xì)，而是根據(jù)頁(yè)面效果來(lái)簡(jiǎn)明扼要地介紹一下。
我繪制頁(yè)面的一般流程，就是先在腦子里形成一個(gè)大概的模樣，就是搞清楚到底要畫(huà)一個(gè)怎樣的頁(yè)面？甚至還可以弄個(gè)草圖，然后根據(jù)草圖來(lái)逐步寫(xiě)html和css代碼。
首先是搭骨架，骨架就是html代碼。
搭好了骨架，才是添加css代碼的時(shí)候。
我個(gè)人繪制頁(yè)面，都是遵循這樣一個(gè)流程。
好了，先看看效果：
頁(yè)面布局簡(jiǎn)圖：
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線(xiàn)安全]玩轉(zhuǎn)無(wú)線(xiàn)電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式