• QQ咨詢:4001806960
  • 咨詢熱線:400-180-6960

深度成就品質:珠峰培訓JS培訓中設計模式和自定義事件應用

作者:日期:2014-01-26 15:32:20 點擊:549

    QQ咨詢:1144709265

通過大量實例徹底解決事件的兼容性問題、掌握觀察者設計模式、達到自定義事件的能力,是珠峰培的原創深度課程!此課程的深度和綜合度,越超目前書店裏的任何一本書。當然,最終的目的是讓學生掌握並且熟練應用。

借用佛教一句禅語,說對事物的認識有三個階段,分別叫是:“第一個階段,見山不是山;第二個階段,見山是山;第三個階段,見山不是山。”

用這句話來形容對JS事件的理解,最恰當不過。

學習事件也是這樣,一開始不理解浏覽器中的已有的事件的概念,後來逐漸理解了概念,再後來超越了概念,理解了本質。

事件非常重要,並且很抽像。但珠峰培訓的目的,就是讓學們透徹理解事件的原理本質,最終達到能夠自己寫事件,能夠寫不同行爲之間的接口的能力,能夠真正理解:所謂的事件本質是使用一種編程模式實現的回調。目的在于不同行爲之間不存在耦合!

我們是通過大量非常實用,非常生動的實例深入學習事件和通過觀察者設計模式自定義事件(本質)。 事件是每一種編程語言裏比較重要的內容。它是用來降低程序間耦合度的重要機制。 爲了讓同學們徹底的明白事件的原理,我們通過一個完整的拖拽實例,並且結合設計模式,來詳細的講解如何自己定義一個事件、事件是功能是什麽。自定義事件是如何實現模塊化不同的功能的,如何使不同的程序模塊間互相銜接,如何實現降低耦合度的。

這些課程屬于中高級難度的知識,在學習這個課程之前,先會把事件JS中的事件的基本知識講透徹,比如什麽叫事件,事件中常用的屬件和方法,事件的浏覽器兼容性問題(主要是IE6/7/8和標准浏覽器之間的區別,尤其是addEventLienter和attachEvent的區別,和attachEvent的不足),知道DOM0級事件和DOM2級事件之間的區別,然後再借鑒觀察者設計模式,寫出一套解決各浏覽器兼容性的事件庫(類似于jQuery中的on和off方法);然後再深入學習事件的本質和觀察者設計模式,從而達到可以自己來寫事件的水平;最後通過面向對象的方式,寫一個事件發射器類,然後再通過繼承的方式,使其它類也具備自定義事件的能力。

通過在珠峰培訓學習事件和設計模式,到你再學習node.js的時候,對它裏面的事件機制,也就毫無壓力的拿下了!

由于事件的難度,我們爲了讓同學們更好的理解,錄了大量的視頻來供預習和複習。初級視頻請見:http://www.zhufengpeixun.com/kecheng/detail_228526 或聯系珠峰培訓索取

中級視頻一共是錄了七講,事件1和事件2這兩個視頻是深入學習JS本身的事件模式。在知道ele.addEventListener和ele.attachEvent區別的前提下,使用一部分觀察者設計模式的思想,來解決this關鍵字指向和綁定在事件上的方法執行順序的問題,並且同時解決了IE低版浏覽器中事件屬性和方法的兼容性問題,比如IE中不支持event.target,不支持event.pageX,不支持event.stopPropagation方法等問題。

在這兩講視頻中,並沒有提觀察者設計模式的概念,只是把它當成一種技巧來解決問題。不提設計模式的概念,是爲了防止初學者在概念上糾纏。學習的時候太強調某種概念,反而會忽視了它本身的作用和意義。設計模式的思想,一直貫穿這七講視頻,到最後才明確觀察者設計模式這個概念(其它的專業的概念也是逐步提出來的)

事件本身和設計模式本身都比較抽象,這七講視頻盡量用通俗的語言、靈活實用的示例,反複的講解和練習,以達到理解這些概念,並且能夠應用的水平。 其它五講,是通過一個拖拽的示例,層層遞進的深入學習理解事件和設計模式。 請按視頻名稱上的編號來學習

注意:不要以學習拖拽的目的來學習這些視頻,拖拽只是學習事件和設計模式的途徑,不要爲了學習效果而學習效果,是通過實現某種效果,而學到基礎知識點、培養邏輯關系、掌握編程技巧、深入理解更深層次的設計思想,這才是我們學習的目地。這也是珠峰培訓一直強調的學習方式方法。 視頻中的課件和源代碼,可以通過QQ:1144709265索取。

在珠峰培訓的視頻網站上,這七個視頻的標題分別叫:

珠峰培訓JavaScript進階視頻--事件,自定義事件和設計模式1-借鑒設計模式解決DOM2事件兼容性問題
珠峰培訓JavaScript進階視頻--事件,自定義事件和設計模式2-借鑒設計模式解決DOM2事件兼容性問題
珠峰培訓JavaScript進階視頻--事件,自定義事件和設計模式3-基本拖拽1
珠峰培訓JavaScript進階視頻--事件,自定義事件和設計模式4-拖拽中的閉包和this關鍵字等問題的解決2
珠峰培訓JavaScript進階視頻--事件,自定義事件和設計模式5-給拖拽加動畫效果3
珠峰培訓JavaScript進階視頻--事件,自定義事件和設計模式6-給拖拽加事件4
珠峰培訓JavaScript進階視頻--事件,自定義事件和設計模式7-觀察者設計模式5

上一篇: 外行看熱鬧:學習專業TWEEN算法動畫庫,實現完美動畫

下一篇: 兩個月拿高薪靠譜嘛:有多少人在兩個多月的時間內學習JS的