這周整體節(jié)奏比上周慢了一些,但心態(tài)反而更穩(wěn)了。
前兩周有點(diǎn)趕,品優(yōu)購(gòu)的頁(yè)面做完,毛玻璃登錄頁(yè)也交掉了,表面上進(jìn)度推得挺快,但自己清楚,很多知識(shí)點(diǎn)是“會(huì)寫但不熟”。比如偽元素,用是會(huì)用的,可讓說(shuō)清楚::before和::after到底在文檔流里怎么擺,就有點(diǎn)含糊。這周干脆往回退,把前面過(guò)掉的內(nèi)容重新捋了一遍。
HTML5這塊重點(diǎn)補(bǔ)了表單。之前input類型只是記了一堆名字,這周挨個(gè)寫demo,才意識(shí)到number、tel、email這些在移動(dòng)端會(huì)調(diào)起不同鍵盤,這細(xì)節(jié)以前完全沒(méi)注意。語(yǔ)義化標(biāo)簽也重新看了一遍,header、main、article、section,以前是“用哪個(gè)都行”,現(xiàn)在慢慢能看出結(jié)構(gòu)層次的區(qū)別。
CSS3花的時(shí)間最多。選擇器這塊之前一直靠蒙,尤其nth-child和nth-of-type,每次都是試出來(lái)的。這周專門列了一個(gè)表,把各種情況跑了一遍,總算搞明白它倆的篩選邏輯差在哪。盒模型也是,border-box之前只是背結(jié)論,這周自己調(diào)padding和border,看著父盒子的寬高怎么被撐開(kāi)、怎么被壓回去,才算真看懂了。
定位還是有點(diǎn)繞。相對(duì)定位、絕對(duì)定位、固定定位,單拎出來(lái)都懂,疊在一起就亂。這周試著手動(dòng)畫了幾組嵌套結(jié)構(gòu)的層疊關(guān)系圖,畫著畫著就清楚多了——哪些參照誰(shuí)、誰(shuí)脫離文檔流、誰(shuí)壓著誰(shuí),邏輯比硬記順很多。
算法刷了十幾道,集中在函數(shù)和結(jié)構(gòu)體。成績(jī)有,但暴露的問(wèn)題也很明顯:字符串處理太薄弱。一道題思路明明對(duì)的,卡在截取和比較上寫不出來(lái)。這塊后面得單獨(dú)拉出來(lái)過(guò)一遍。
這周效率談不上高,但心里比以前踏實(shí)。之前總覺(jué)得學(xué)得慢就是退步,現(xiàn)在不那么急了。有些坑現(xiàn)在不填,后面回來(lái)填的成本只會(huì)更高。
明年開(kāi)學(xué),彈性布局收尾,把CSS考核內(nèi)容整理好,爭(zhēng)取盡快過(guò)掉。一步一步來(lái)。
這周學(xué)到的一句話,記一下:
**慢不是懶,是在給自己補(bǔ)課。**