「5W1H」帶你來學習JavaScript

  上次的設計模式講課,從中學習到了很是多。不只是技術上,更重要的是怎樣來學習。咱們學習的技術。科技的更新速度超過咱們的想象,對於咱們這個有生命年限的個體,怎樣能夠在有生之年可讓本身立足於科技的不敗浪潮。這應該是咱們思考的問題。javascript


  而經過此次設計模式,從青峯師哥身上看到了很是多。html

爲什麼他能夠口若懸河的爲咱們解說每一個知識點?爲什麼在解說每一個模式的時候,他總能夠把好幾個模式聯繫到一塊呢?爲什麼他總能抓住咱們忽略的地方呢?(換成是咱們,咱們能作到嗎?)java


  還有咱們的老師,總能夠把學習與生活聯繫的一塊,生活即學習。並且把生活與學習這麼一交融。理解的更加的深入;(平日裏,這些東東咱們想過嗎?)數據庫


  極端學習法,不論什麼事物模式之間都存在着轉換的條件,僅僅要你勇於誇大,極端的來轉換。編程

  思考方式:爲什麼不論什麼的東西,老是能被老師隨手拈來。讓我理解起來很是easy?這些都需要咱們花時間來琢磨的。設計模式


  接着進入正題。學習JavaScript一段時間了,現在最終掙扎出來了。今天採取一種新的方法(5W1H)來給你們介紹有關JavaScript相關內容。瀏覽器

  5W1H(WWWWWH)分析法也叫六何分析法。是一種思考方法,也可以說是一種創造技法。在企業管理、平常工做生活和學習中獲得普遍的應用。dom



  分析post


  WHAT(是什麼)學習

    是一種腳本語言。

    用來改進網頁、驗證表單等

    可插入HTML,並且可以被現代所有的瀏覽器運行


  WHY(爲何會出現)

    曾經有好幾家牛X的公司,各個都有本身在瀏覽器上運行的腳本語言。比方微軟的JScript;CEnvi推出ScriptEase。所以爲了統一標準、統一規格就有了JavaScript的出現。


  WHEM(何時)

    當咱們要想在網頁中添加互動性的時候。

並且javascript能夠及時響應用戶操做。對提交表單作即時的檢查。


  WHERE(什麼地方)

    這就無須咱們多說,通常用在網頁中,用來添加網頁的互動性。


  HOW(怎樣用)

    怎樣用就要設計到詳細的實現的部分了。

請看如下的導圖。


  在上圖中竟然出現了VB的身影。確實是如此。

因爲JavaScript也中語言。不論什麼的語言來講都有本身的對象、屬性、事件。

往下再說的話。就是一些數據類型、變量、三大結構啊等等。這些都是與VB類似的地方。

  正如上圖所看到的,出現了與VB不同凡響的地方DOM,這又是何方神聖呢?


  DOM簡單介紹

    是一種文檔對象模型,就是經過這樣的文檔對象模型,可以把HTML或者XML翻譯成一種相似樹的結構,經過這樣的結構,Javas就可以實現對HTML對應的操做。


    經過可編程的對象模型。javascript就可以有足夠的能力來實現對HTML的操做

  • JavaScript 能夠改變頁面中的所有 HTML 元素
  • JavaScript 能夠改變頁面中的所有 HTML 屬性
  • JavaScript 能夠改變頁面中的所有 CSS 樣式
  • JavaScript 能夠對頁面中的所有事件作出反應

  與數據庫對照

     用你的腳拇指想想就知道。JavaScript是怎樣利用的DOM的呢?

     是否是假設要對HTML中的某個節點改動的話。先是查。接着改呢?說白了也就是一些列增刪改的操做。是否是這就有點相似於數據庫的幾大功能呢?至於如何找、如何改?這就設計到詳細的實現了。再想一想也就是經過一些對象的屬性或者事件來操做的吧!

詳細的實現操做,僅僅要練習個小DEMO就OK了。給你們推薦個站點,僅僅要耐先的敲上幾個,就OK了。

DOM簡單介紹

  

   總結

       以上就是本階段對javascript學習的全部內容。固然這僅僅是簡單的起步,隨着後面的學習深刻將會不斷的無缺對javascript更深層次的理解。

相關文章
相關標籤/搜索