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

? 而通過這次設計模式，從青峰師哥身上看到了非常多。

為何他可以滔滔不絕的為我們解說每個知識點？為何在解說每個模式的時候，他總可以把好幾個模式聯系到一塊呢？為何他總能抓住我們忽略的地方呢？（換成是我們，我們能做到嗎？）

? 還有我們的老師，總可以把學習與生活聯系的一塊，生活即學習。而且把生活與學習這么一交融。理解的更加的深刻；(平日里，這些東東我們想過嗎？)

? 極端學習法，不論什么事物模式之間都存在著轉換的條件，僅僅要你敢于夸大，極端的來轉換。

? 思考方式：為何不論什么的東西，總是能被老師隨手拈來。讓我理解起來非常easy？這些都須要我們花時間來琢磨的。

? 接著進入正題。學習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更深層次的理解。

?

?

轉載于:https://www.cnblogs.com/yutingliuyl/p/7402810.html

總結

以上是生活随笔為你收集整理的“5W1H”带你来学习JavaScript的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。