怎么學(xué)習(xí)javascript應(yīng)該怎么學(xué)才好
js給初學(xué)者的印象總是那么的“雜而亂”，相信很多初學(xué)者都在找輕松學(xué)習(xí)js的途徑。為此，以下是學(xué)習(xí)啦小編分享給大家的學(xué)習(xí)javascript的方法，希望可以幫到你!
學(xué)習(xí)javascript的方法
首先要緊緊抓住它的地位
時(shí)刻都不能忘記，否則很容易犯“一葉障目不見(jiàn)泰山”的錯(cuò)誤。不要學(xué)了很久就知道js是編程語(yǔ)言，就是寫(xiě)代碼，而且特點(diǎn)就是亂七八糟就完了，那樣是學(xué)不好js的。要時(shí)時(shí)抓住它的地位，確切的說(shuō)是它在整個(gè)Web中的地位：它屬于前端的核心，主要用來(lái)操控和重新調(diào)整DOM，通過(guò)修改DOM結(jié)構(gòu)，從而來(lái)達(dá)到修改頁(yè)面效果的目的。要用這個(gè)中心思想去指導(dǎo)后續(xù)的一切js的學(xué)習(xí)，并且形成條件反射。
要有一條清晰的學(xué)習(xí)路線
這個(gè)只能是過(guò)來(lái)人給你提供參考了。我的學(xué)習(xí)路線如下：
A：js基礎(chǔ)部分，如：定義變量、函數(shù)、數(shù)組、字符串等的處理，內(nèi)置函數(shù)、內(nèi)置對(duì)象等;
B：js面向過(guò)程編程思想，封裝出各個(gè)函數(shù)，試著用這些去做一些常見(jiàn)的小功能，如：選項(xiàng)卡、自定義多選按鈕、自定義播放器、3D幻燈片;
C：js面向?qū)ο缶幊趟枷?，試著去封裝一些你自己的對(duì)象，提供出有意義的接口出來(lái);
D：學(xué)了上述的內(nèi)容，然后學(xué)常用的庫(kù)，這里必須學(xué)jquery;
E：學(xué)基于jquery之上的常見(jiàn)插件，如：bootstrap，Layer，富文本編輯器等;
F：綜合應(yīng)用上面的多種庫(kù)寫(xiě)實(shí)際項(xiàng)目的模板，多寫(xiě)幾套。
注意學(xué)習(xí)方法
我的學(xué)習(xí)方法總結(jié)如下：
A：多買(mǎi)幾本國(guó)外的js書(shū)籍，不要購(gòu)買(mǎi)那種20天精通之類的書(shū)。否則你是很難學(xué)通的，更可怕的是：本來(lái)你買(mǎi)本好書(shū)自學(xué)3個(gè)月可能學(xué)會(huì)的，它們硬是能折騰你兩年......
書(shū)籍推薦(僅供參考)
《JavaScript DOM編程藝術(shù)》
《JavaScript權(quán)威指南》
《javaScript DOM高級(jí)程序設(shè)計(jì)》
《JavaScript設(shè)計(jì)模式》
《鋒利的jquery》
爭(zhēng)取把書(shū)上的功能都自己練習(xí)多次，不是一次。書(shū)讀百遍，其義自見(jiàn)。
B：從多角度去學(xué)習(xí)和領(lǐng)悟
充分調(diào)動(dòng)你所學(xué)的東西，從多角度去做某一功能，如：以前你是從面向過(guò)程角度做的，現(xiàn)在改為從面向?qū)ο蟮慕嵌仍賮?lái)做，或者繼續(xù)做成可以直接使用的插件，提供屬性、方法等出來(lái)。爭(zhēng)取讓你做的這個(gè)功能逐漸能使用到實(shí)際項(xiàng)目中來(lái)。這樣的好處：既綜合應(yīng)用了你的所學(xué)，又能有實(shí)際意義。
C：一定不要好高騖遠(yuǎn)
不要放過(guò)哪怕很小的動(dòng)手機(jī)會(huì)，如做一個(gè)選項(xiàng)卡。千萬(wàn)不要認(rèn)為有了類似的甚至更好的插件就不需要自己寫(xiě)了，知識(shí)是別人的，不是你的，你即使會(huì)用了也對(duì)你的技術(shù)技能水平?jīng)]有任何提升。你要多問(wèn)自己，如果要我來(lái)做，我該怎么做?
D：腳踏實(shí)地的同時(shí)，也不要脫離實(shí)際
多看現(xiàn)在網(wǎng)上已經(jīng)出現(xiàn)的效果好的功能，讓它去激發(fā)你的學(xué)習(xí)熱情，盡量去學(xué)著模擬，調(diào)動(dòng)你的知識(shí)去和實(shí)際相結(jié)合。
E：多寫(xiě)總結(jié)
這種總結(jié)不但包括源代碼、顯示效果截圖，還應(yīng)該很容易犯的錯(cuò)誤和對(duì)應(yīng)的解決方法以及最后一兩句精簡(jiǎn)的結(jié)論性語(yǔ)句。對(duì)自己寫(xiě)的總結(jié)不是寫(xiě)完了就了事了，要多回顧、多改進(jìn)、多精簡(jiǎn)。到做項(xiàng)目的時(shí)候，應(yīng)該是看里面的一兩句話就知道是講什么了，而不要再去看長(zhǎng)篇大論了。
F：構(gòu)建知識(shí)導(dǎo)圖
這個(gè)可以讓你越學(xué)越清晰，比如：你可以按你喜歡的任何形式去做，只要自己印象深刻就行。
注意：知識(shí)導(dǎo)圖也應(yīng)該是經(jīng)常修改、修正，讓它更合理、更清晰。
注意事項(xiàng)
A：充分利用一切手段
很多人總感覺(jué)時(shí)間緊，沒(méi)有大塊的時(shí)間學(xué)習(xí)。我要說(shuō)你不會(huì)學(xué)了，你不應(yīng)該只是抱怨，而是要利用一切手段去學(xué)習(xí)，要知道，不一定只有看書(shū)才叫學(xué)習(xí)。當(dāng)你冷靜的坐在某個(gè)地方，思考了一下，總結(jié)了一下，你也都叫學(xué)習(xí)，但凡有靈感，就可以記錄下來(lái)，比如：記錄在手機(jī)上，等方便了再記錄在專門(mén)的地方。這都叫學(xué)習(xí)。
B：貴在堅(jiān)持
要沉的下心。沒(méi)有一蹴而就的成功，否則那也不是成功，只能叫“僥幸”。不但要老老實(shí)實(shí)的把每個(gè)功能都試著去實(shí)現(xiàn)，而且要精益求精地不斷去修正，這個(gè)過(guò)程是漫長(zhǎng)的，也是考驗(yàn)一個(gè)人是否是人才的標(biāo)準(zhǔn)。
C：注意培養(yǎng)信心
此時(shí)的你，不適合一來(lái)就看很復(fù)雜很炫的網(wǎng)頁(yè)效果的源代碼，也不適合一來(lái)就學(xué)jquery，angular，vue，bootstrap這些東西。這些內(nèi)容包含了很多深?yuàn)W的知識(shí)在里面，在沒(méi)有任何基礎(chǔ)的情況下直接學(xué)這些，會(huì)嚴(yán)重打擊你的自信心。而此時(shí)你是弱小的，你需要的是培養(yǎng)信心，而不是反過(guò)來(lái)，否則結(jié)局很可能是“夭折”，離學(xué)有所成也就遙遙無(wú)期了。
D：多跟學(xué)的好的過(guò)來(lái)人學(xué)習(xí)
站在巨人的肩上，才能看的更遠(yuǎn)。
E：不要浪費(fèi)在工具的不停選擇上
js的編輯工具很多，如果無(wú)從下手，建議使用：sublime，或者使用Hbuilder。很多公司里的技術(shù)人員都用這些，你直接用這個(gè)也減少了和別人之間的溝通問(wèn)題。我也是用這個(gè)，感覺(jué)很好。
總結(jié)
感覺(jué)js學(xué)起來(lái)“雜而亂”的原因是因?yàn)槟闾?ldquo;聰明”了，一開(kāi)始就管的太寬，利害得失也計(jì)算的太精細(xì)。要求太完美則心里承受能力下降，很容易出現(xiàn)“障”。此時(shí)，你應(yīng)該“笨”一些，不要考慮那么長(zhǎng)遠(yuǎn)，“傻人有傻福”，只要做好今天就夠了。一些不合理的學(xué)習(xí)方法和心態(tài)也讓你迷失了自我，如：心浮氣躁、眼高手低、好高騖遠(yuǎn)，這些都會(huì)讓你在“亂七八糟”的js面前深陷迷霧、不能自拔。此時(shí)，你應(yīng)該重新定位自己的位置，重新去認(rèn)識(shí)js，放下包袱，方能輕松上陣。把杯子先倒空，才能灌新水......其實(shí)，js是前端的核心。影響越來(lái)越深的互聯(lián)網(wǎng)+會(huì)渴求越來(lái)越多的js人才，只有經(jīng)歷過(guò)真正刻骨銘心的學(xué)習(xí)經(jīng)歷，才能造就出贏得未來(lái)的真正精英。
學(xué)習(xí)javascript的注意事項(xiàng)
A：充分利用一切手段
很多人總感覺(jué)時(shí)間緊，沒(méi)有大塊的時(shí)間學(xué)習(xí)。我要說(shuō)你不會(huì)學(xué)了，你不應(yīng)該只是抱怨，而是要利用一切手段去學(xué)習(xí)，要知道，不一定只有看書(shū)才叫學(xué)習(xí)。
當(dāng)你冷靜的坐在某個(gè)地方，思考了一下，總結(jié)了一下，你也都叫學(xué)習(xí)，但凡有靈感，就可以記錄下來(lái)，比如：記錄在手機(jī)上，等方便了再記錄在專門(mén)的地方。這都叫學(xué)習(xí)。
B：貴在堅(jiān)持
要沉的下心。沒(méi)有一蹴而就的成功，否則那也不是成功，只能叫“僥幸”。
不但要老老實(shí)實(shí)的把每個(gè)功能都試著去實(shí)現(xiàn)，而且要精益求精的不斷去修正，這個(gè)過(guò)程是漫長(zhǎng)的，也是考驗(yàn)一個(gè)人是否是人才的標(biāo)準(zhǔn)。
C：注意培養(yǎng)信心
此時(shí)的你，不適合一來(lái)就看很復(fù)雜很炫的網(wǎng)頁(yè)效果的源代碼，也不適合一來(lái)就學(xué)jquery，angular,vue，bootstrap這些東西。
這些內(nèi)容包含了很多深?yuàn)W的知識(shí)在里面，在沒(méi)有任何基礎(chǔ)的情況下直接學(xué)這些，會(huì)嚴(yán)重打擊你的自信心。
而此時(shí)你是弱小的，你需要的是培養(yǎng)信心，而不是反過(guò)來(lái)，否則結(jié)局很可能是“夭折”，離學(xué)有所成也就遙遙無(wú)期了。
D：多跟學(xué)的好的過(guò)來(lái)人學(xué)習(xí)
站在巨人的肩上，才能看的更遠(yuǎn)。
E：不要浪費(fèi)在工具的不停選擇上
js的編輯工具很多，如果無(wú)從下手，建議使用：sublime，或者使用Hbuilder;很多公司里的技術(shù)人員都用這些，你直接用這個(gè)也減少了和別人之間的溝通問(wèn)題。
我也是用這個(gè)，感覺(jué)很好。
總結(jié)
感覺(jué)js學(xué)起來(lái)“雜而亂”的原因是因?yàn)槟闾?ldquo;聰明”了，一開(kāi)始就管的太寬，利害得失也計(jì)算的太精細(xì)。
要求太完美則心里承受能力下降，很容易出現(xiàn)“障”。此時(shí)，你應(yīng)該“笨”一些，不要考利那么長(zhǎng)遠(yuǎn)，“傻人有傻福”，只要做好今天就夠了。
一些不合理的學(xué)習(xí)方法和心態(tài)也讓你迷失了自我：如：心浮氣躁、眼高手低、好高騖遠(yuǎn)，這些都會(huì)讓你在“亂七八糟”的js面前深陷迷霧、不能自拔。
此時(shí)，你應(yīng)該重新定位自己的位置，重新去認(rèn)識(shí)js，放下包袱，方能輕松上陣。把杯子先倒空，才能灌新水......
其實(shí)，js是前端的核心。影響越來(lái)越深的互聯(lián)網(wǎng)+會(huì)渴求越來(lái)越多的js人才，只有經(jīng)歷過(guò)真正刻骨銘心的學(xué)習(xí)經(jīng)歷，才能造就出贏得未來(lái)的真正精英。
前端開(kāi)發(fā)之JavaScript實(shí)用技巧
1. 將徹底屏蔽鼠標(biāo)右鍵
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">oncontextmenu=”window.event.returnValue=false”
< table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table</font>
2. 取消選取、防止復(fù)制
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">< body onselectstart=”return false”></font>
3.JS不允許粘貼
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">onpaste=”return false”</font>
4. JS防止復(fù)制
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">oncopy=”return false;” oncut=”return false;”</font>
5. IE 地址欄前換成自己的圖標(biāo)
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">< link rel=”Shortcut Icon” href=”favicon.ico”></font>
在文件的根目錄放進(jìn)去這個(gè)圖片，后綴修改成ico就可以了
6.可以在收藏夾中顯示出你的圖標(biāo)
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">< link rel=”Bookmark” href=”favicon.ico”></font>
7.關(guān)閉輸入法
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">< input style=”ime-mode:disabled”></font>
8. 永遠(yuǎn)都會(huì)帶著框架
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">< script language=”JavaScript”>< !–
if (window == top)top.location.href = “frames.htm”; //frames.htm 為框架網(wǎng)頁(yè)
// –>< /script></font>
9. 防止被人 frame
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">< SCRIPT LANGUAGE=JAVASCRIPT>< !–
if (top.location != self.location)top.location=self.location;
// –>< /SCRIPT></font>
10. 網(wǎng)頁(yè)將不能被另存為
[JavaScript] 純文本查看 復(fù)制代碼
<font size="3">< noscript>< iframe src=*.html>< /iframe>< /noscript></font>
猜你喜歡：
2.開(kāi)發(fā)web前端需具備什么性能測(cè)試