資訊專欄INFORMATION COLUMN
摘要：之前寫過一篇天學通前端開發(fā)，內(nèi)容主要講的就是前端學習路徑，今天再來寫一篇零基礎的學習路徑，希望能幫編程零基礎的前端愛好者指明方向。十框架三選一，零基礎的初學者強烈推薦，如果是后臺轉(zhuǎn)前端推薦，如果技術(shù)型前端，推薦。
之前寫過一篇26天學通前端開發(fā)，內(nèi)容主要講的就是前端學習路徑，今天再來寫一篇零基礎的JavaScript學習路徑，希望能幫編程零基礎的前端愛好者指明方向。
一、開發(fā)環(huán)境和JavaScript版本問題開發(fā)環(huán)境越簡單越好，一定不要在這個環(huán)節(jié)浪費時間。
首先說編輯器的選擇，sublime text、vs code、atom、webstorm，還有HBuilder。新手入門的時候總想找一個最好的編輯器，其實這編輯器就和游戲里面選英雄一樣，沒有最厲害的，只有最適合你的，如果還是拿不定注意，就選vs code吧，我感覺這個對新手挺友好的。
瀏覽器就用chrome，然后就可以開始擼代碼了。
關于JavaScript版本，我建議還是從ES5開始學，有一定基礎之后再來看ES2015+的新特性。
二、基本語法學編程語言和學自然語言有很多相似的地方，我們得從最基本的單詞和語法開始學。
變量：如何聲明變量，如何給變量賦值。
數(shù)據(jù)類型：什么是數(shù)據(jù)類型，數(shù)字與字符串有什么區(qū)別。
運算符與表達式：常用的運算符有哪些？“=”、“==”與“===”的區(qū)別等等。
分支語句：if、switch
循環(huán)語句：for、while
函數(shù)：什么是函數(shù)，什么是參數(shù)，什么是返回值。
這些基本語法一定要非常熟悉，要不然后續(xù)的學習會舉步維艱。
三、對象對象是一個非常重要的概念，一定要靈活掌握：
對象：屬性的無序集合，當屬性值為函數(shù)的時候，我們叫這個函數(shù)為對象的方法。
數(shù)組：元素的有序集合。了解數(shù)組的常用方法
日期對象：獲取年月日時分秒
數(shù)學對象：獲取隨機數(shù)
了解其他對象：正則表達式、包裝對象，其實函數(shù)也是對象，不過這些簡單了解一下就行。
每個對象都有很多方法，這些方法知道在哪里查就行了，千萬不要去背，就像我們學英語，必要的單詞要背，但是大部分單詞知道用詞典查就行了。
學習【基礎語法】和【對象】的過程比較枯燥，知識點之間銜接不是特別緊密，就像我們小學一年級學習漢字一樣，每一個字我們都知道是什么，但是卻不會把他們組合到一起，所以小學才會練習組詞，造句，再到寫作文。我們把做的項目比作寫作文，那我們還有一段路要走，切莫心急。
四、DOMDOM的樹狀結(jié)構(gòu)
節(jié)點：元素節(jié)點、文本節(jié)點、屬性節(jié)點
節(jié)點關系：同級、父子級等等
獲取節(jié)點：querySelector、querySelectorAll等等
節(jié)點操作：增刪改查
事件綁定：事件流和事件委托應該了解一下
DOM提供的方法也很多，仍然不要過多的投入精力，新手自學總是會被這些大量的方法困擾，我們要做的是對DOM有一個概括性的了解，至于那些雜亂的接口，后續(xù)我們完全可以用jQuery或框架代替。
（如果對DOM感興趣，可以在技能掌握得稍微全面一些之后，再回來深入學習也是可以的，但是前期投入大量時間，確實會影響學習效率）
五、jQueryjQuery是必須要會的，但是jQuery上手確實很簡單，用兩天時間了解一下jQuery的用法，然后就可以利用jQuery實現(xiàn)各種頁面效果了，前期肯定會磕磕絆絆，但是jQuery的資料有很多，一邊學一邊做就行。
六、JavaScript進階jQuery熟練了之后，就可以開始著手學習JavaScript進階一點的內(nèi)容了：
原始類型與引用類型的區(qū)別
各種類型轉(zhuǎn)換和類型檢測
閉包：函數(shù)套函數(shù)，怎么套自己都不蒙就行了。
原型：構(gòu)造函數(shù)、原型屬性、基于原型的繼承是怎么實現(xiàn)的。
this：可以開個坑好好研究研究
node現(xiàn)在可以說是前端必學的了，但是不是學用node做后臺，而是用node生態(tài)下的各種工具，順便借node了解一下后臺。
使用node開一個靜態(tài)服務器
使用npm下載第三方模塊
webpack
babel
最好能用express寫一個簡單的后臺程序（一個server.js就夠了），處理一些請求，這樣我們學習ajax的時候就可以自己寫后臺接口了，當然這需要有http協(xié)議的基礎知識。
八、ES2015+新特性變量和常量：為什么要拋棄var？
結(jié)構(gòu)賦值
箭頭函數(shù)
模塊化
class
編譯
像promise，async/await函數(shù)等等這些，看自己能力了，有興趣看看，不看也不影響后面學習，但是，就算現(xiàn)在不學，這個后續(xù)也是要補的。
九、AJAX簡單的說，了解一下http協(xié)議，知道什么是請求，什么是響應，get和post有什么卻別，然后在學ajax，看看語法基本就會了。
用XMLHttpRequest發(fā)個請求，接個數(shù)據(jù)。
用jQuery發(fā)個請求，接個數(shù)據(jù)。
json解析
知道這些就差不多了，后續(xù)不管是工作還是學習，肯定還會遇到很多問題，到時候再具體問題具體分析。
十、框架react、angular、vue三選一，零基礎的初學者強烈推薦vue，如果是后臺轉(zhuǎn)前端推薦angular，如果技術(shù)型前端，推薦react。
這篇文章是給零基礎新手的，那自然就選vue比較好了。
尾聲通過這十步，就可以對JavaScript體系有一個整體的了解，然后重點向那個方向發(fā)展，就看自己愛好或是工作需要了。技術(shù)的道路很漫長，這只是一個起點。
關注微信公眾號：曉舟報告，視頻教程，日更中...截止目前，剛剛錄到函數(shù)，如果時間允許的話，上面的內(nèi)容都會錄的，感謝大家的支持。
最后附上之前寫的JavaScript書籍測評。
如果對您有一點點幫助，請不要吝惜一個小小的【贊】！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/90359.html
摘要：如果該文件已存在，文件的初始指針在文件的結(jié)尾。文件中只有一句話十步殺一人，千里不留行。關閉文件如果用來打開文件的話就不用管關閉文件的操作了，因為已經(jīng)幫你完成了這一步，否則必須在處理文件之后加上關閉文件的操作 讀取文件的操作步驟 有一道腦筋急轉(zhuǎn)彎，問把大象裝進冰箱的步驟，答案很簡單，打開冰箱、把大象推進去、關閉冰箱。這就是一個處理問題的思路，我們對文件的操作和這個一樣，第一步：打開文件；...
摘要：這個原因涉及到一個叫的東西，俺滴老師沒教，我也不好深說，等深入理解它后再和你們講哈 本文主要討論一下文件的三種可讀可寫模式的特點及互相之間的區(qū)別,以及能否實現(xiàn)修改文件的操作由于前文已經(jīng)討論過編碼的事情了，所以這里不再研究編碼，所有打開操作默認都是utf-8編碼（Linux系統(tǒng)下） 首先我們看r+（讀寫） 既然r+既能讀又能寫，那么能否實現(xiàn)在r+模式下進行文件的修改呢？答案是肯定的！，但...
摘要：今天我們來討論下下如何實現(xiàn)打開文件修改文件關閉文件的操作本文采用逐行解釋的方法。這樣，我們就實現(xiàn)了文件的修改。 今天我們來討論下python下如何實現(xiàn)：打開文件—修改文件——關閉文件的操作 本文采用逐行解釋的方法。 思路： 第一步：把文件讀取出來第二部：再用w模式寫入到新文件第三部：把原文件刪除，并且把新文件重命名回原文件這樣就實現(xiàn)了文件的修改操作 我們先來看看原文件的內(nèi)容 with ...
摘要：導言耦合性，是對模塊間關聯(lián)程度的度量。模塊間的耦合度是指模塊之間的依賴關系，包括控制關系調(diào)用關系數(shù)據(jù)傳遞關系。 導言： 耦合性，是對模塊間關聯(lián)程度的度量。耦合的強弱取決于模塊間接口的復雜性、調(diào)用模塊的方式以及通過界面?zhèn)魉蛿?shù)據(jù)的多少。模塊間的耦合度是指模塊之間的依賴關系，包括控制關系、調(diào)用關系、數(shù)據(jù)傳遞關系。模塊間聯(lián)系越多，其耦合性越強，同時表明其獨立性越差。軟件設計中通常用耦合度和內(nèi)聚...
閱讀 1792·2023-04-26 01:41
閱讀 3090·2021-11-23 09:51
閱讀 2751·2021-10-09 09:43
閱讀 9074·2021-09-22 15:13
閱讀 2469·2021-09-07 09:59
閱讀 2638·2019-08-30 15:44
閱讀 1145·2019-08-30 12:45
閱讀 2630·2019-08-30 12:43
