0基礎學Web前端要掌握哪些技術?

qq_842354603發表於2019-03-04

  Web前端是近年來比較熱門的行業之一,人才需求大,薪資待遇高吸引了很多人的加入學習。更值得一提的是,前端行業入門相對簡單,這成為很多0基礎人們進入網際網路開發行業的主要選擇。學習是一個由易到難的過程,基礎很重要,帶你瞭解0基礎學Web前端要掌握哪些技術?(來源:千鋒)

  首先是html。想要學好html主要就是要把幾個標籤背熟,然後就是搞清楚各個標籤的屬性以及使用放法。比如,塊級元素,獨佔一行,可以設定寬高。內聯元素,不換行且不能夠設定高。內聯塊元素,可以設定寬高,不換行。多記幾個標籤可以減少div的使用,在佈局時,註釋的使用也非常重要,這是一個很好的程式設計習慣,可以大大提升程式碼的可讀性。

  其次是css。css是層疊樣式表,主要用於修飾網頁。css引入有四種方式,@import,內聯樣式表,外部樣式表,行內樣式,以及注意他們的權重,行內最高。import引入有一些問題,當使用javascript控制dom去改變樣式的時候,只能使用link標籤,因為@import不是dom可以控制的。說到權重,還要注意style,id,class,div普通標籤的權重分別為1000,100,10,1.還有個!important是最高權重的。!important在阿里巴巴向量圖中的font-size屬性需要加上。另外css的彈性盒子非常好用,建議多多使用。

  最後是要牢記練習中犯過的錯誤。只有通過程式碼練習,你才能發現自己存在的不足,才能有針對性的去學習改進。比如在標準中,上下兩個元素的margin會重疊,取最大的margin。解決:進入不同bfc中。如:position,float,display:flex。彈性盒子中直接用img標籤會導致大小不正常,可以在外面包個div標籤。程式碼複用是提高速度的關鍵之一,可以單獨建立一個公共樣式表等等。

  Web前端入門簡單進階難,關鍵看你肯不肯努力去學習。基礎知識一定要牢記並熟練運用,這會使你在後面的學習中事半功倍。

相關文章