最近發現有很多人都想學習前端，然而大多都是不知道從何入手，一臉的迷茫。所以作爲一名已經有一定工作經驗的前端工程師，我覺得是時候回報社會，分享一下我
的前端學習方法了，畢竟我也是通過網上各路大神的幫助和講解，才能走到今天的！
首先，先說說基礎。
必須聲明，基礎很重要。現在網上各路UI框架js框架一大堆，功能各異，看起來都很厲害的樣子，就導致一些剛接觸前端的，html，css，js，這三大基礎性的東西都
沒學會就去研究框架去了，然後就是個各種bug，UI框架效果不會改，做出來的和想象中的完全不一樣，使用js框架無端報錯，明明很對照着敲，卻還是錯，百度到懷疑人生，
試到絕望，才終於會一丟丟，原來是少寫了東西，函數用法錯誤，又或者是作用域錯了，等等一些奇葩問題，其實這些都是基礎不紮實的結果。那麼重點來了，怎麼才能打好基
礎呢？其實很簡單，就是在學習的時候就多敲代碼，去w3school這個網站看完例子然後就對着dom敲，仿寫各種網站，編程工具建議用hbuilder，因爲是中文的比較清晰明白
易上手。
1、html和css，你必須清楚十分清楚的瞭解div，span，p，select，option，ul，li，input，table，form表單，等一些常用的標籤都有什麼樣的特性，塊元素還是行
內元素，都自帶有什麼默認樣式怎麼清除默認樣式等，比如說select的默認樣式可以通過appearance：none；清除，然後可以通過background設置新的下拉框背景圖片，a標
籤的默認樣式可以通過text-decoration：none；清除等，然後多仿幾張靜態頁面，比如說做一個電商網頁的頭部，尾部，導航欄，搜索框，登錄框，商品詳情，內容詳情等，注
意margin負值的使用，瞭解盒模型，相對定位，絕對定位，固定定位，浮動，清浮動這些常用的寫法要懂靈活使用，前期建議就是照着菜鳥教程或者是w3school這些網站上的
例子敲，然後可以在打開網頁後按f12看該網頁的html結構，想一下他們爲什麼這樣佈局，如果是你你會怎麼佈局，最後相信你肯定會是收益匪淺的
2、js重中之重，初學者沒有編程語言基礎的同樣是建議去菜鳥教程或者是w3school這些網站上，按上面的指示步步敲，首先大致瞭解js是什麼，都有什麼數據類型
等，然後從定義變量開始，學會console.log打印調試，for，swich，while循環的不同點，if判斷，&&，||，！等運算符的使用，數組，對象元素的增刪查改都用的什麼方法？
shift（）和pop這兩個刪除方法的區別，字符串的截取slice()、substring()、substrde這三個常用方法的 用法和區別，去重，換位置，數據類型的轉換等等的方法，比如數
組、與字符串的互轉可以通過join和split這兩個方法，函數的創建，函數的形參實參各是什麼意思，函數指針等，什麼是閉包，優缺點，面向對象編程與面向過程等，比如
閉包的作用就是可以使外部函數引用內部函數的變量，不增加額外的全局變量，爲了不使閉包造成內存的泄漏，用完後應清除引用，釋放內存等。ajax核心--XMLHttpRequest
對象，如何創建這個對象，然後如何通過它實現與服務器通信等，json數據格式怎麼寫，json如何轉換成字符串等，cookie的使用，通過js對css屬性的添加與刪除，如何創建
html標籤，獲取標籤類名id等，要知道頁面上的大多數運動都是通過定時改變元素位置改變的，也就是通過改變position相對定位left，top的值實現的（以上這些都可以通過
在w3school上找到答案，例子可以通過百度js運動，面向對象這些關鍵詞就可以看到很多的解釋和源碼了）
3、css3+html5，當你對最原始的html，css，js都有一定的瞭解之後就可以學習css3和html5這些新屬性了，比如說css3的旋轉，運動，彈性盒子佈局等，html的本
地存儲localstrong和存於服務器上關閉瀏覽器就消失的sessionStorage，視頻標籤video，音頻標籤audio、畫布canvas（這個學好了可以做很多遊戲）、獲取用戶地理位
置方法getCurrentPosition() 等的使用，這些也可以在w3school上找到實例源碼，照着敲有個基本瞭解就可以自己寫一些新東西了，這時你會發現前端是個很有趣的東西
，反正我自學的時候是這樣子的。
最後纔是框架，因爲如果你基礎好的話，你會發現框架很好學，畢竟一切js框架都只是js方法封裝合成的一個庫，簡單說說我對框架的理解，我認爲jq是最好最成
熟的，我喜歡它強大的選擇器，然後vue是數據處理方面比較小巧且方便的，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也完全能夠爲複雜的單頁應用程序提
供驅動。bootstrap是比較多人用的且易上手的UI框架，還有其它的框架，也可以相應的去了解，在我看來jq是最好的框架，就像有人說php是最好的語言一樣，莫名的喜
歡，好了不說廢話了，繼續說重點：框架更新是很快的，爲了適應市場需求，我們必須有非常強的學習這些框架的能力，這個能力要麼是天賦，要麼就只能通過加強
對基礎js知識的理解來達到更快學會使用框架的目的，而且js足夠好完全可以自己寫框架，還有如果仔細看就會發現我在說基礎的時候多次提到了w3school這個
網站，我想說的是這個網站是對初學者最好的網站，因爲這網站對基礎知識講解得十分詳細，且系統化，一步步的十分緊湊，建議多去看，最後js推薦兩本書
（”JavaScript權威指南”和“你不知道的javascript”）不懂可以上csdn搜索提問，多逛博客，個人感覺這上面的大神是真多，看看各路大神的見解也是極好的。
特別推薦尤雨溪，阮一峯，廖雪峯這三位大神的博客！
第一次寫這種分享文章，後續會提供更多前端路上的知識，希望能幫到各位讀者，最後再強調一句，html，css，js這三大基礎真的很重要！