網(wǎng)友解答: 本人做前端開發(fā)有一年多的時(shí)間了，前端技術(shù)簡(jiǎn)單說就是html，css，javascript，確實(shí)javascript在這里面占據(jù)主要位置。所以看到這個(gè)問題想簡(jiǎn)單發(fā)表下自己的想法

本人做前端開發(fā)有一年多的時(shí)間了，前端技術(shù)簡(jiǎn)單說就是html，css，javascript，確實(shí)javascript在這里面占據(jù)主要位置。所以看到這個(gè)問題想簡(jiǎn)單發(fā)表下自己的想法。這個(gè)回答主要針對(duì)剛學(xué)習(xí)前端的朋友和入門前端了想深入的朋友。

前端技術(shù)現(xiàn)在發(fā)展很快，大家可以看到，幾年前會(huì)一個(gè)jquery還可以走天下，今天好像必須要會(huì)一個(gè)vue或者react或者angular，配套的還需要掌握webpack，git，node等等相關(guān)知識(shí)。所以有一些朋友說前端是不是發(fā)展不大了，是不是要學(xué)習(xí)python，go語(yǔ)言了，我的看法是前端相對(duì)于來說入門還是比較簡(jiǎn)單的，但是相比以前來說，現(xiàn)在的前端入門門檻高了，需要掌握的技能多了。而從這些技能，框架來說，javascript有屬于核心，UI框架屬于借用JS書寫的框架進(jìn)行二次開發(fā)，增加樣式效果。今天的javascript還不僅僅可以使用在前端上面，還可以應(yīng)用在后臺(tái)，區(qū)塊鏈，數(shù)據(jù)可視化，游戲，好看的h5動(dòng)畫，機(jī)器學(xué)習(xí)，區(qū)塊鏈等等方面。而且一門語(yǔ)言學(xué)會(huì)了，在學(xué)習(xí)其他的語(yǔ)言也好學(xué)習(xí)。

剛開始接觸起那段的朋友可能對(duì)window是什么，document有什么用都會(huì)有疑惑（js學(xué)習(xí)多結(jié)合瀏覽器），所以如果你沒有什么編程經(jīng)驗(yàn)，開始學(xué)習(xí)的時(shí)候，可以簡(jiǎn)單的了解什么是對(duì)象，函數(shù)，循環(huán)，變量，數(shù)組等等這些。在心里有個(gè)概念長(zhǎng)什么樣子，雖然不能完全記住有什么屬性，但是常見的幾個(gè)使用方法應(yīng)該記下來，像數(shù)組for循環(huán)，push，shift，對(duì)象取值，獲取key，value，存儲(chǔ)的地方堆棧，等等。雖然現(xiàn)在單頁(yè)面應(yīng)用盛行，但是我仍然建議你可以學(xué)習(xí)下jquery，實(shí)現(xiàn)各種dom操作，實(shí)現(xiàn)幾個(gè)功能，這是對(duì)比著原生js，document獲取元素，queryselecter獲取標(biāo)簽等等。

因?yàn)樾【幈旧頉]有那么聰明，開始學(xué)習(xí)js的時(shí)候也只是個(gè)大概，我是從實(shí)踐中慢慢逆向去認(rèn)識(shí)js的東西的，而時(shí)間的方式就是框架的使用。很多人都是會(huì)用框架操作，但是框架怎么來的，沒多少人知道。所以當(dāng)你做了幾個(gè)東西，知道什么是什么的時(shí)候，就可以逆向?qū)W習(xí)，你會(huì)明白js的事件隊(duì)列，宏任務(wù)微任務(wù)，ajax是怎么回事，axios又是什么。當(dāng)對(duì)js有了認(rèn)識(shí)之后，再去了解vue，react這些框架怎么實(shí)現(xiàn)的，你就會(huì)有一種豁然開朗的感覺。當(dāng)然也有很多朋友開始的時(shí)候就對(duì)js或者語(yǔ)言，計(jì)算機(jī)運(yùn)行有自己的了解，所以在有限的學(xué)習(xí)中，可以學(xué)到了解很多，但是不好意思，小編的能力還不夠。

其實(shí)這兩年js標(biāo)準(zhǔn)出了很多了，但是真正實(shí)質(zhì)性的是es6。es6不是一種新語(yǔ)言新語(yǔ)言，而是一種新標(biāo)準(zhǔn)，類似于html5，增加了類的功能，for in，for of。const ，let變量處理方式；箭頭函數(shù)，解構(gòu)賦值等等好幾方面（具體可以網(wǎng)上搜索阮一峰老師的es6博客），而es7 es8這些也只是在其基礎(chǔ)上簡(jiǎn)單的小改動(dòng)。es6的出現(xiàn)大大簡(jiǎn)化了開發(fā)，減少代碼量，提升了性能。再配合上vue，react這些框架，對(duì)前端開發(fā)人員來說真的是福音。所以這對(duì)一些前端開發(fā)者來說，效果弄出來就行了，還有現(xiàn)成的UI框架，該下班就下班，該玩就玩。其實(shí)這個(gè)時(shí)候更需要我們花時(shí)間了解深入學(xué)習(xí)這些框架的由來，我覺得光看文檔講解js的知識(shí)，感覺很虛，只有在實(shí)踐中才能更好地理解（當(dāng)然這是小編的想法）。當(dāng)使用了一段時(shí)間框架，你就會(huì)自然而然的去了解數(shù)據(jù)綁定怎么回事，監(jiān)聽是怎么實(shí)現(xiàn)的，父子組件通信又是什么。類可以用來干什么，怎么簡(jiǎn)化書寫更好的封裝。

現(xiàn)在TS很火熱，js的超集。我之前自己看過java，所以用了ts之后，發(fā)現(xiàn)很多都是相通的，什么是接口，什么是實(shí)現(xiàn)。他可以實(shí)現(xiàn)更好的團(tuán)隊(duì)開發(fā)，js的檢查效果更好（我的理解也不是很深刻，沒有用到太多）。vue3版本也還會(huì)使用ts開發(fā)。所以今天的前端生態(tài)很成熟，值不夠東西很多，前端直接面對(duì)用戶，所以更要求體驗(yàn)，代碼的簡(jiǎn)單。現(xiàn)在網(wǎng)上的資料也很多，大家可以多多學(xué)習(xí)，小編也在學(xué)習(xí)之中。

以上就是小編的愚見，淡然寫的還不完全，如果有什么缺少的，歡迎更為朋友補(bǔ)充，小編還有些學(xué)習(xí)資料，如果有需要可以留言，百度網(wǎng)盤。建議大家也多多學(xué)習(xí)，看文檔，小編會(huì)在掘金上面學(xué)習(xí)，希望對(duì)你也有幫助。謝謝閱讀，一起進(jìn)步。

JavaScript在前端開發(fā)中可以說是非常重要了。但是很多人自學(xué)前端，都是死在了JavaScript這個(gè)部分。

題主這個(gè)問題問的很好，因?yàn)槿绻荒芟到y(tǒng)的學(xué)習(xí)，零零散散的學(xué)，那是很難掌握好的。說白了就是方法不對(duì)，努力白費(fèi)。

JavaScript，是一種基于對(duì)象的編程語(yǔ)言。目前市場(chǎng)應(yīng)用非常多。

第一步學(xué)習(xí)：基礎(chǔ)語(yǔ)法。

數(shù)據(jù)類型，選擇結(jié)構(gòu)，循環(huán)結(jié)構(gòu)，關(guān)鍵字，函數(shù)，語(yǔ)法規(guī)范。這些就好像學(xué)說話一樣，先學(xué)好組成的拼音。

第二步學(xué)習(xí)：Dom和Bom

學(xué)習(xí)操作頁(yè)面元素，完成基本的網(wǎng)頁(yè)特效開發(fā)

第三步學(xué)習(xí)，json

json數(shù)據(jù)是基本的交互用到的數(shù)據(jù)方式，需要掌握理解

第四步學(xué)習(xí)，ES6

ES678都可以，主要是要學(xué)箭頭函數(shù), Promise, async/await, 解構(gòu)

學(xué)好原生JS，能夠結(jié)合HTML+CSS完成下面這些基本的前端開發(fā)：

構(gòu)建靜態(tài)站點(diǎn)

構(gòu)建UI布局(拿到設(shè)計(jì)圖能夠使用HTML/CSS還原)

添加一些交互功能

部署和維護(hù)網(wǎng)站

就可以算是入門初級(jí)了

如果你想了解更多前端開發(fā)的內(nèi)容，可以關(guān)注我，平時(shí)我也會(huì)更新很多前端的行業(yè)經(jīng)驗(yàn)和干貨出來，希望對(duì)你的學(xué)習(xí)有用