學習前端掉坑與出坑感想

來自專欄 前端組隊小夥伴

孤城不但是棒棒團成員，也是陽叔的創業夥伴，他總結的這篇文章，希望對你受益~

接觸前端有一端時間，一路過來都是靠自己自學，話說自學真的苦兮兮的。學到現在，常用的知識掌握了七七八八，不過還是個半吊子水平哈哈，倒是能做些小網頁自娛自樂。

說重點，看到一些剛接觸前端的朋友總是摸不到頭，有時候問的問題挺讓人扶額的...不過我看到的都盡量解答了。所以，我決定把我自學路上的經驗分享給大家，畢竟才脫離小白狀態，對一些坑還是記憶猶深，希望大家能今早脫離小白吧。注意哦，本篇針對剛剛接觸前端的新人，大佬請無視我←_←

一、代碼篇

1.先講html，規範使用標籤，記住元素＝開始標記＋內容＋結束標記，除了單標籤都要這麼寫哦，單標籤有哪些請百度(?￣▽￣)?

使用標籤很容易出現的錯誤是大小寫不分和漏標籤，雖然有的瀏覽器會幫你修正錯誤，但是如果你打開網頁發現沒有內容，不要懷疑瀏覽器炸了，先看看有沒有漏標籤

2.盒模型到底是個撒玩意兒，對盒模型的理解難倒了一票新手，畢竟誰能想到要把內容用好幾層套起來呢，簡單來說，盒模型就是裝你網頁內容的容器。

從內向外順序是content，border，padding，margin。我當初也很懵，不過只要你打開瀏覽器，按下f12就可以調出控制台，控制台的右邊部分就會顯示盒模型，選擇頁面上那些div，看看它們的構造，相信我，多看幾次，再自己寫寫鼓搗幾下就明白了

3.要習慣代碼分離，把html和css的分開，這樣的好處是代碼更簡潔，有的教學視頻，一大堆代碼寫在一起，看得都要瞎了。另外，要學會使用代碼縮進噢，下一級的元素按tab或空格縮進，關於縮進多少現在還有爭議，你自己習慣哪個用哪個，縮進也是為了不要以後看代碼看瞎了

4.關於選擇器，emmmm，分清楚id只能一個，class可以指定一堆，父元素到子元素，順序要弄清楚，只能崽像爹，不能爹像崽或崽像隔壁老王

5.最後，90%的錯誤，是字母打錯了，比如d打成b，I打成L，left搞成right等等，真正是知識點錯誤的少之又少

像這樣：

推薦一本書《headfirst html&css》.對新手超友好，雖然是好幾年前出版的，但是裡面的學習方式依然很適合剛入門的人

二.心態篇

1.相比於在教室上課，沒有老師給你安排進度，一切都要靠自己摸索。因此調整自己的心態非常重要，一定要學會習慣主動獲取知識。不然這會限制你以後的發展

2.學習中不可能沒有困難的，新手最最容易出現的問題是，寫的代碼運行出來不對，馬上發到論壇或者交流群里問大神。這裡真心說一句，請不要把你的搜索引擎忘掉，基本上只要描述一下你的問題，都能找到對應的解決辦法。隨時有問題隨時問真的不利於提升實力，而且能夠自己默默地把問題解決不才有高階程序員的風範么？所以遇到問題，先自己思考，再去網上搜索，有了這個過程你的知識才會學得紮實

3.千萬不要著急，那種一個月就想實習，如果不是臉好或者有關係，別想了。任何技能都必須有理論的學習加實踐操作才能掌握。另外也別給自己增加高強度的學習目標，我自己學都是慢悠悠的，學起來不累而且挺開心

總結，學習沒有一蹴而就的，知識的吸收都需要時間，遇到問題先思考再搜索方法，把依賴別人的心態轉化為依賴自己。祝各位能在技術的路上越走越遠

推薦閱讀：