知乎上很多前端大佬說(shuō)，要做好前端的話html和css基礎(chǔ)必須夯實(shí)。那么，達(dá)到什么水平才能叫基礎(chǔ)夯實(shí)呢?
1、拿到設(shè)計(jì)人員給的圖，不管是pc或者是移動(dòng)端的圖，看一遍之后腦海中已經(jīng)有了很明確的結(jié)構(gòu)和頁(yè)面書(shū)寫過(guò)程中可能出現(xiàn)的兼容問(wèn)題。
2、頁(yè)面在書(shū)寫的時(shí)候可以快速的寫出來(lái)適合該項(xiàng)目相關(guān)的reset.css。并且在書(shū)寫布局的適合可以借助編輯器的相關(guān)快捷鍵和相應(yīng)的標(biāo)記符，迅速把某一大模塊的結(jié)構(gòu)書(shū)寫出來(lái)，比如利用hbulider的table快捷鍵書(shū)寫快捷結(jié)構(gòu)，div>p.box$*4+p.text，并且做到一步到位準(zhǔn)確無(wú)誤。
3、結(jié)構(gòu)上書(shū)寫的時(shí)候，能合理的應(yīng)用適合并且快捷的布局方式，比如是用彈性盒子布局、響應(yīng)式布局、多列布局、雙飛翼、圣杯布局等等，快速的達(dá)到自己的目的，并且對(duì)于一些a、img等這些標(biāo)簽需要的alt、title、target這些屬性也會(huì)注意的添加上。
4、對(duì)于網(wǎng)頁(yè)結(jié)構(gòu)的優(yōu)化有一定的認(rèn)識(shí)，比如如何避免蜘蛛陷阱，如何對(duì)網(wǎng)站當(dāng)中用到的URL進(jìn)行優(yōu)化，需不需要給網(wǎng)站當(dāng)中放入網(wǎng)站地圖等等。
5、每個(gè)不同的瀏覽器出現(xiàn)了兼容問(wèn)題，解決方法是什么，哪些是必須要添加特定的過(guò)濾器才可以的，如果更完美的話就是能不能換一種方式來(lái)實(shí)現(xiàn)這個(gè)效果，繞過(guò)一些存在兼容的屬性，這樣從優(yōu)化上又可以減少了代碼量。
6、對(duì)于移動(dòng)端在書(shū)寫的時(shí)候，各個(gè)單位之間的關(guān)系和用法比如rem、vw、vh、dpr、em等，并且知道對(duì)不同類型的移動(dòng)端頁(yè)面布局，采用不同的方式來(lái)做，從而更適合實(shí)際的需求。
7、除了常見(jiàn)的一些網(wǎng)頁(yè)布局和css頁(yè)面書(shū)寫之外，對(duì)于一些其他的布局和css技巧也能做到熟練應(yīng)用，比如css實(shí)現(xiàn)各種居中、七種css方式讓一個(gè)容器水平垂直居中、全兼容的多列均勻布局問(wèn)題、多列等高布局等。
8、曉得層疊順序(stacking level)與堆棧上下文(stacking context)、IFC、BFC、GFC 與 FFC等的相關(guān)概念和實(shí)際操作當(dāng)中的應(yīng)用。
需要說(shuō)的東西太多了，其實(shí)這些東西如果想要熟悉熟練的掌握到位的話，更多的是需要做大量的一個(gè)練習(xí)，并且在大量的練習(xí)和項(xiàng)目書(shū)寫過(guò)程中，不斷的總結(jié)自己的經(jīng)驗(yàn)并且記錄下來(lái)，最后才能夠變成自己的東西，很多東西都是需要從量變到質(zhì)變的過(guò)程，所以聽(tīng)別人的經(jīng)驗(yàn)再多都不如你親自的去實(shí)際的操作，這樣才會(huì)有效果。
本文由培訓(xùn)無(wú)憂網(wǎng)千鋒教育課程顧問(wèn)老師整理發(fā)布，更多課程信息可關(guān)注web前端培訓(xùn)或添加老師微信：15033336050
注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-5202.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注web前端頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050
