“5W1H”帶你來學習JavaScript

標籤：style   blog   http   color   java   strong   資料   ar   

  上次的設計模式講課，從中學習到了很多，不僅是技術上，更重要的是如何來學習。我們學習的技術，科技的更新速度超過我們的想象，對於我們這個有生命年限的個體，如何能夠在有生之年能夠讓自己立足於科技的不敗浪潮，這應該是我們思考的問題。

  而通過這次設計模式，從青峰師哥身上看到了很多。為何他能夠滔滔不絕的為我們講解每一個知識點？為何在講解每個模式的時候，他總能夠把好幾個模式聯絡到一塊呢？為何他總能抓住我們忽略的地方呢？（換成是我們，我們能做到嗎？）

  還有我們的老師，總能夠把學習與生活聯絡的一塊，生活即學習。並且把生活與學習這麼一交融，理解的更加的深刻；(平日裡，這些東東我們想過嗎？)

  極端學習法，任何事物模式之間都存在著轉換的條件，只要你敢於誇大，極端的來轉換。

  思考方式：為何任何的東西，總是能被老師隨手拈來，讓我理解起來很容易？這些都需要我們花時間來琢磨的。

  接著進入正題，學習JavaScript一段時間了，現在終於掙紮出來了。今天採取一種新的方法（5W1H）來給大家介紹有關JavaScript相關內容。

  5W1H（WWWWWH）分析法也叫六何分析法，是一種思考方法，也可以說是一種創造技法。在企業管理、日常工作生活和學習中得到廣泛的應用。

  分析

  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更深層次的理解。