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