js要怎么入門,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
成都創(chuàng)新互聯(lián)是一家成都做網(wǎng)站、成都網(wǎng)站建設,提供網(wǎng)頁設計,網(wǎng)站設計,網(wǎng)站制作,建網(wǎng)站,按需定制開發(fā),網(wǎng)站開發(fā)公司,從2013年開始是互聯(lián)行業(yè)建設者,服務者。以提升客戶品牌價值為核心業(yè)務,全程參與項目的網(wǎng)站策劃設計制作,前端開發(fā),后臺程序制作以及后期項目運營并提出專業(yè)建議和思路。有朋友說想要一個學習javascript,但是不知道如何去學習。本篇文章中小編總結(jié)了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é)構節(jié)點:元素節(jié)點、文本節(jié)點、屬性節(jié)點節(jié)點關系:同級、父子級等等獲取節(jié)點:querySelector、querySelectorAll等等節(jié)點操作:增刪改查事件綁定:事件流和事件委托應該了解一下
DOM提供的方法也很多,仍然不要過多的投入精力,新手自學總是會被這些大量的方法困擾,我們要做的是對DOM有一個概括性的了解,至于那些雜亂的接口,后續(xù)我們完全可以用jQuery或框架代替。
(如果對DOM感興趣,可以在技能掌握得稍微全面一些之后,再回來深入學習也是可以的,但是前期投入大量時間,確實會影響學習效率)
五、jQuery
jQuery是必須要會的,但是jQuery上手確實很簡單,用兩天時間了解一下jQuery的用法,然后就可以利用jQuery實現(xiàn)各種頁面效果了,前期肯定會磕磕絆絆,但是jQuery的資料有很多,一邊學一邊做就行。
六、JavaScript進階
jQuery熟練了之后,就可以開始著手學習JavaScript進階一點的內(nèi)容了:
原始類型與引用類型的區(qū)別各種類型轉(zhuǎn)換和類型檢測閉包:函數(shù)套函數(shù),怎么套自己都不蒙就行了。原型:構造函數(shù)、原型屬性、基于原型的繼承是怎么實現(xiàn)的。this:可以開個坑好好研究研究
七、了解node
node現(xiàn)在可以說是前端必學的了,但是不是學用node做后臺,而是用node生態(tài)下的各種工具,順便借node了解一下后臺。
使用node開一個靜態(tài)服務器使用npm下載第三方模塊webpackbabel
好能用express寫一個簡單的后臺程序(一個server.js就夠了),處理一些請求,這樣我們學習ajax的時候就可以自己寫后臺接口了,當然這需要有http協(xié)議的基礎知識。
八、ES2015+新特性變量和常量:為什么要拋棄var?結(jié)構賦值箭頭函數(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,如果技術型前端,推薦react。
這篇文章是給零基礎新手的,那自然就選vue比較好了。
技術的道路很漫長,這只是一個起點。
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)網(wǎng)站建設公司,的支持。