回想這整個(gè)周下來(lái)视乐，做的事情不多也不少，但是覺(jué)得能夠?qū)懗鰜?lái)這么多app的靜態(tài)頁(yè)面敢茁，心里也覺(jué)得是很開心了佑淀。
第一天，我做了登錄之前的頁(yè)面彰檬，因?yàn)橹皬膩?lái)沒(méi)有接觸過(guò)rem布局伸刃，所以一開始的時(shí)候，是有點(diǎn)無(wú)從下手的逢倍，于是就先去百度了一下rem相關(guān)的布局捧颅，了解到它是一種專門用來(lái)適應(yīng)各種不同大小屏幕的方式，之前用的網(wǎng)頁(yè)布局是px较雕，所以從來(lái)沒(méi)有寫過(guò)rem碉哑，在寫的過(guò)程中了解到rem都是針對(duì)于根元素也就是html進(jìn)行控制的。所以需要在js中寫一段腳本亮蒋，告訴瀏覽器不同的屏幕寬度應(yīng)該有不同的適應(yīng)標(biāo)準(zhǔn)扣典。并且在設(shè)置寬的時(shí)候盡量選擇百分比，而不要選擇rem慎玖，同時(shí)盡量不要設(shè)置大的div的margin贮尖，而應(yīng)該使用padding，防止出現(xiàn)不可預(yù)期的錯(cuò)誤凄吏。
聚焦輸入框远舅，默認(rèn)值消失（其實(shí)是將值變成了透明色）：
input:focus::-webkit-input-placeholder {
color: transparent;
/* transparent是全透明黑色(black)的速記法闰蛔，即一個(gè)類似rgba(0,0,0,0)這樣的值 */
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
color: transparent;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
color: transparent;
}
圖文排版：
? ? 左右：div中包裹兩個(gè)標(biāo)簽痕钢，分別包含文字和圖片，所以那就需要對(duì)其進(jìn)行浮動(dòng)序六，當(dāng)圖文不在同一個(gè)水平線的時(shí)候任连，需要對(duì)其中的圖形進(jìn)行vertical:middle操作。
????上下：div中同樣包裹兩個(gè)標(biāo)簽例诀，對(duì)其進(jìn)行換行處理随抠，并對(duì)div的行高進(jìn)行設(shè)置，調(diào)整文字的位置繁涂。
水平方向的滾動(dòng)：
首先對(duì)其父元素進(jìn)行樣式設(shè)置：
overflow-y:?hidden;
?overflow-x:?auto;
white-space:?nowrap;（超出不換行）
子元素需要左浮
做一個(gè)自己希望的下拉框樣式：
首先寫一個(gè)下拉框內(nèi)容拱她，將此下拉框的透明度設(shè)置為0，并將其z-index設(shè)置成為最大扔罪，讓此元素在最上層秉沼，其次在下拉框上覆蓋一個(gè)span標(biāo)簽，并根據(jù)需要利用border寫一個(gè)自己需要的下拉箭頭，當(dāng)改變值得時(shí)候利用vue同時(shí)改變vue中的內(nèi)容就可以達(dá)到下拉框的效果
最后唬复，在切換選項(xiàng)卡的時(shí)候矗积，我利用的：is來(lái)關(guān)聯(lián)當(dāng)前我點(diǎn)擊的是哪個(gè)選項(xiàng)卡，i進(jìn)而改變內(nèi)容敞咧。
雖然東西不多棘捣，但這也是一個(gè)慢慢積累的過(guò)程，希望自己每一次做總結(jié)的時(shí)候都在更加優(yōu)秀一點(diǎn)呀休建！
