最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

走出JavaScript初學困境—js初學

 更新時間:2008年12月29日 23:59:26   作者:  
利用空閑幾天把《JavaScript權(quán)威指南》安靜的讀了一篇。真是一本好書呀!呵呵,這句話見的太多了。好在什么地方呢?聽我慢慢道來。

從開始接觸JS這東西有一年時間了,心頭總是有一些說不出來的苦悶。在論壇里也常常有人這么說。那么苦在何處呢?總是感覺學的不深入,一些簡單的東西可以做但也是不能得心應(yīng)手。能不能把這種苦再說的具體點兒呢?都說了是“說不出來的苦悶”怎么具體呀?

何為難言之隱?說不出來,不能具體,不能把問題落到實處就不能得到解決的辦法。這就是難言之隱!我認為這也就是初學者的“困境”。之所以要用“我認為”正好迎合了本文標題中的“心得”二字。如果能對大家有幫助我非常高興。

下面言歸正傳,我經(jīng)過回想和思考總結(jié)出下面幾條初學者的“難言之隱”大家看看有沒有說到我們的心坎兒上,呵呵。

一、用系統(tǒng)的知識將問題具體化

我們在學習時經(jīng)常會發(fā)現(xiàn)可以用不同的方法來實現(xiàn)同一個問題。例如,要為元素綁定一個點擊事件可以在HTML元素上用<a href="#" onClick="f1()"></a>,我們起初會認為這就是綁定事件的方法。

當我們第二次又看到可以將一個函數(shù)傳遞給一個事件來綁定:a.onclick=f1;這時我們又會想原來綁定事件不只有一種方法。

當我們第三次又看到用addachEvent("onclick",f1)這種方法綁定事件的時候,你一定會想綁定事件的方法可能不只這三種。而且做一件事沒理由要三種相同的方法,他們之間一定有不同之處?

那么他們有什么不同之處呢?到底綁定事件有多少種方法呢?當你發(fā)現(xiàn)一種方法在IE中不兼容的時候你還會問這到底是為什么呢?是我的語法錯誤了嗎?還是怎么回事。一個又一個的問題結(jié)束之后你只好問自己:“天呀!我什么時候才能學好JavaScript呢?!“。

可能這樣下去你很難學好JS。其實還要告訴你,你離學好他并不遠了,只是你不知道怎么走。原因在哪里?原因就是沒有系統(tǒng)的知識,原因就是沒有讀過《JavaScript權(quán)威指南》,他會告訴你綁定事件有四種方法,并且有兩種是基本方法,所有瀏覽器都支持他,另外還有兩種高級方法,一種是W3C標準方法,一種是IE標準方法,所以你知道為什么IE不兼容其中的一種高級方法了,對嗎?

現(xiàn)在事情具體化了,綁定一個事件的時候只需考慮這四種方法,你也不會再有那么多的疑惑了。你也會覺得自己弄懂事件了,下一步你應(yīng)該去弄懂其它問題了,你還會覺得自己在JS方面終于有進展了,當然你還會感覺到走出一個困境了。

二、必需了解JavaScript的歷史

你了解JS的歷史嗎?我當然了解,他原本不叫JavaScript,他最早不是實現(xiàn)在IE中的。對,說的很好,可這不是最重要的,知道這個也不會成為高手,你必須了解的更詳細,而且主要是了解功能進化方面的歷史。

就像上面,為什么綁定事件會有那多的方法?為什么獲得一個元素會有那么多的方法?倒底是document.links[]正規(guī)一點?還是getElementsByTagName('a')正規(guī)一點?哪一個兼容性更好?還有多少這樣的方法?

要知道一個問題就夠頭痛了,十個問題你就無從下手,一百個問題你就會懷疑自己。一千個問題最后又回到那個問題“天呀!我什么時候才能學好JavaScript“?呵呵,事情往往就是這樣。解決的方法就是具體化他,去弄懂到底有幾種方法,為什么又有這些方法。這些問題一定會有答案,因為JS不是外星人留下的東西,是人創(chuàng)造出來的,而那個人的思維也是有限的,不是嗎?

當你知道document.links[]是遺留的document方法,而且這種遺留方法一共有5個。分別是anchors[],applets[],forms[],images[],links[]的時候有些問題就消失了,當你還知道DOM標準保留了他們,你還知道所有瀏覽器都支持他們,你還知道他們就是所謂的“0級DOM”你又會走出一個“困境”。

三、JS有縱橫交錯的知識結(jié)構(gòu)

JS的知識結(jié)構(gòu)是橫向和縱向交錯的,這加大了理解他的難度,對這一點必需有一個清晰的認識。下面解釋一下“縱橫交錯”。

一般的知識都有橫向性。比如從大的方面JS分為核心部分和客戶端部分。這是橫向。核心部分又分為詞法結(jié)構(gòu),數(shù)據(jù)類型和值,變量,表達式和運算符,語句,對象和數(shù)組,函數(shù),類,模塊和名字空間,正則表達式。這也是橫向。

客戶端部分可以分為BOM,DOM,事件,樣式,表單等,這些也是橫向的知識結(jié)構(gòu)。

一門技術(shù)很少用時間作為結(jié)構(gòu),但因為瀏覽器的發(fā)展是動態(tài)的,不同時期的瀏覽器對JS有不同程度的實現(xiàn),而在不同時間針對當時瀏覽器所編寫的網(wǎng)頁不能因為技術(shù)的發(fā)展就不去考慮他,而且讓所有的網(wǎng)站都隨著技術(shù)的發(fā)展而重新編寫是不可能的,所以JS即要發(fā)展升級,也要保留向前的支持。所以就算有了更好的方法也必需保留之前的方法,就有了好多遺留的JS屬性和方法,比如“0級DOM”在新的W3CDOM中得到了保留,從某種程度來講他就是縱向的。

當對知識結(jié)構(gòu)有了清楚的認識,會有一個好處就是當我要解決一個問題的時候我就能知道我要用的是哪一塊的知識。比如要得到一個元素在文檔中的位置就會知道用的是DOM中元素的屬性,要得到鼠標指針的位置就要用事件對象的屬性。要獲得一個元素的引用可以用遺留的DOM也可以用W3C標準的DOM方法。這是件好事。

其實上面問題的核心就是系統(tǒng)化和具體化,這是我在學習過程中覺得很重要的一點。這一點確實為我解決了不少疑惑。

走出初學困境,我們需要系統(tǒng)的知識和具體化的思想。謝謝你能花時間讀這篇文章希望能對你有幫助。如果想討論更多的問題,歡迎加我的QQ:303551651。

相關(guān)文章

  • 詳細解讀JavaScript的跨瀏覽器事件處理

    詳細解讀JavaScript的跨瀏覽器事件處理

    這篇文章主要介紹了JavaScript的跨瀏覽器事件處理,以全瀏覽器兼容為大致目標,需要的朋友可以參考下
    2015-08-08
  • Three.js源碼閱讀筆記(Object3D類)

    Three.js源碼閱讀筆記(Object3D類)

    Object3D似乎是Three.js框架中最重要的類,相當一部分其他的類都是繼承自O(shè)bject3D類,比如場景類、幾何形體類、相機類、光照類等等:他們都是3D空間中的對象,所以稱為Object3D類,需要了解的朋友可以參考下
    2012-12-12
  • javascript 學習筆記(六)瀏覽器類型及版本信息檢測代碼

    javascript 學習筆記(六)瀏覽器類型及版本信息檢測代碼

    由于各瀏覽器對css以及js支持的差異性,我們在做前端開發(fā)時,經(jīng)常需要先檢測瀏覽器的類型及版本,然后會對各自的差異性來寫代碼!
    2011-04-04
  • 初學Javascript的一些總結(jié)

    初學Javascript的一些總結(jié)

    對于新手是個不錯的必須要理解的東西
    2008-11-11
  • JS獲取一個字符串中指定字符串第n次出現(xiàn)的位置

    JS獲取一個字符串中指定字符串第n次出現(xiàn)的位置

    這篇文章主要介紹了JS獲取一個字符串中指定字符串第n次出現(xiàn)的位置,文章內(nèi)容實例講解的很清晰,有需要的同學可以研究下
    2021-02-02
  • javascript的基礎(chǔ)交互詳解

    javascript的基礎(chǔ)交互詳解

    這篇文章主要介紹了javascript的基礎(chǔ)交互詳解,文章通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-10-10
  • javascript創(chuàng)建對象、對象繼承的實用方式詳解

    javascript創(chuàng)建對象、對象繼承的實用方式詳解

    JavaScript中的對象是基于原型的。原型是對象的基礎(chǔ),它定義并實現(xiàn)了一個新對象所必須包含的成員列表,并被所有同類對象實例所共享。與其他語言中類的概念相比,原型更像是類的靜態(tài)成員。本文著重給大家介紹javascript創(chuàng)建對象、對象繼承的實用方式
    2016-03-03
  • javascript 多瀏覽器 事件大全

    javascript 多瀏覽器 事件大全

    javascript 多瀏覽器 事件大全 ,對于一些事件的使用限制于觸發(fā)方法可以參考下。
    2010-03-03
  • 詳解JavaScript操作HTML DOM的基本方式

    詳解JavaScript操作HTML DOM的基本方式

    這篇文章主要介紹了詳解JavaScript操作HTML DOM的基本方式,HTML DOM是專門適用于HTML/XHTML的文檔對象模型,需要的朋友可以參考下
    2015-10-10
  • 詳解JS瀏覽器事件循環(huán)機制

    詳解JS瀏覽器事件循環(huán)機制

    這篇文章主要介紹了JS瀏覽器事件循環(huán)機制,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-03-03

最新評論

涿州市| 六盘水市| 上饶县| 鄂州市| 霸州市| 漳州市| 望谟县| 莎车县| 临夏县| 汶川县| 德昌县| 八宿县| 武清区| 商南县| 旅游| 师宗县| 德令哈市| 秦皇岛市| 高碑店市| 谢通门县| 穆棱市| 九江县| 滁州市| 额济纳旗| 阿鲁科尔沁旗| 饶河县| 内丘县| 治县。| 安溪县| 甘谷县| 罗源县| 岫岩| 连州市| 根河市| 永州市| 白城市| 石渠县| 张家口市| 济南市| 南华县| 舞钢市|