摘要：基礎鞏固基礎總結使用已經好幾年了，由于工作主要是做服務端開發，在工作中逐漸發現的使用范圍原來越廣泛。這里要注意，務必將基礎部分掌握牢靠，磨刀不誤砍柴功，只有將基礎部分掌握并建立起系統的知識體系，在后面學習衍生的其他模式才能游刃有余。

使用JavaScript已經好幾年了，由于工作主要是做服務端開發，在工作中逐漸發現JavaScript的使用范圍原來越廣泛。在之前的幾個項目中，公司配備了一個設計和一個前端，前端人員只會切圖和排版，稍微復雜一點的功能還是的我們自己來，畢竟是要和后端交互，所以這個還是邁步過去的關口。之前只是在每次需要使用JavaScript的時候去粗略的學習了一下，基本能完成所有的工作需求。不會的地方在github上面找一些案例修改一下也能完美的運行。
今天，JavaScript已經到了不得不學的地步，從前用戶交互到UI框架，以及今天非常流行的VUE,jQuery，React，nodejs，H5游戲，APP等等，JavaScript的身影已經無處不在，所以我們有必要抽時間來系統的梳理一遍。

對于已經掌握一兩門開發語言的同學都知道，學習任何一門語言不外乎學習這幾個大類：

語言本身的原理，語法，數據類型，數據的操作，控制流程，邏輯判斷，使用技巧

功能函數，系統類庫，擴展類庫

框架，設計模式，不同宿主環境編程

我們根據上面的學習思路來整理和總結JavaScript從最基礎到類庫框架的使用和開發，以及一些該語言的編程思路，算法和技巧。在這里我們一定要注意一點，基礎知識很關鍵。在這個浮躁的時代，人人都想著快速掙錢。很多人都是靜不下心來進行一個系統的學習，認為我用到哪里就去看哪里。雖然JavaScript入門是非常容易，后端的同學花一天時間過一遍就能開始寫出一些簡單的功能。但是想要精通非數年不可及也。大家一定要相信一點，在前端幾百萬從業人群里面，真正技術拿得出手的真的不超過15%。我帶過很多徒弟也招過新人入職，在中國的就業競爭壓力下，人人都想著速成，看到某個行業火熱，就想一股腦擠進去，學習編程如果不是興趣驅動，很多人都是沒有辦法堅持到最后的。

ECMAScript是JavaScript的標準規范，我們在編寫程序的時候必定要按照這個規范來操作。到目前為止，已經發展到ES6和ES7了，每一次的版本升級都會產生一些新的支持和規范和瀏覽器的兼容解決方案。

我們的學習和續文按照以下流程來進行總結，從而建立一個系統化的知識體系。這里要注意，務必將基礎部分掌握牢靠，磨刀不誤砍柴功，只有將基礎部分掌握并建立起系統的知識體系，在后面學習JavaScript衍生的其他模式才能游刃有余。在學習JavaScript之前請務必先系統的學習好HTML和CSS知識。

學習JavaScript主要是學習以下幾個方面：

JavaScript本身的核心語法(ECMAScript)

瀏覽器對象模型 (BOM)

文檔對象模型（DOM）

大家在這里應該明白了，ECMAScript其實是JavaScript的子集，我們所說的JavaScript其實是在Web瀏覽器這個宿主環境上，JavaScript包含了基本的核心，也就是ECMAScript來標準化基本的語法，我們的宿主環境在web瀏覽器，所以在ECMAScript的基礎上有添加了和瀏覽器進行交互的擴展BOM和對文檔節點交互的DOM。不光在JavaScript里面才有ECMAScript，比如大家耳熟能詳的Node和Adobe Flash，所以ECMAScript并不是參照web瀏覽器的，JavaScript實現了ECMAScript，Adobe ActionScript同樣也實現了ECMAScript。

ECMAScript主要規定了以下幾個方面的內容的描述：

語法

類型

語句

關鍵字

保留字

操作符

對象

文檔對象模型（DOM)是針對XML但經過擴展于HTML的應用程序編程接口。DOM把整個頁面映射為一個多層節點結構。HTML或XML頁面中的每個組成部分都是某種類型的節點，這些節點又包含著不同類型的數據。在DOM中，這個頁面通過分層節點（元素），通過DOM創建表示文檔的樹形圖，開發人員獲得了控制頁面內容和結構的主動權。借助DOM提供的API，開發人員可以輕松自如的刪除、添加、替換或修改任何節點。
瀏覽器對象模型(BOM),開發人員使用BOM可以控制瀏覽器顯示的頁面以外的部分，但是它作為JavaScript實現的一部分去沒有相關的標準。這個問題在HTML5中得到了解決，HTML5致力于把很多的BOM功能寫入正是規范。從根本上將，BOM只處理瀏覽器窗口和框架，但人們習慣上也把所有針對瀏覽器的JavaScript擴展算作BOM的一部分，以下就是這樣的擴展：

彈出新瀏覽器窗口的功能

移動、縮放和關閉瀏覽器窗口的功能

提供瀏覽器詳細信息的navigator對象

提供瀏覽器所加載頁面的詳細信息的location對象

提供用戶顯示器分辨率詳細信息的screen對象

對cookie的支持

想XMLHttpRequest 和 IE的ActiveXobject這樣的自定義對象

由于沒有BOM標準可以遵循，因此每個瀏覽器都有自己的實現。

// 引入外部腳本


// 執行代碼段

javaScript代碼可以放在head標簽內，但是由于JavaScript解析器是自上而下來執行代碼的，所以如果你在head里面寫的JavaScript代碼里面包含獲取元素節點，回導致找不到節點而出錯，我們可以使用window.onload = function（）{代碼段}來讓整個文檔解析完成以后再執行JavaScript代碼。最好的辦法就是將外部腳本引入和內部代碼都寫到標簽前后是最好的辦法。當然，我們除了直接引入外部腳本以外，還可以動態的從后端來獲取JavaScript執行代碼和需要的Json數據。比如我們在開發游戲的時候，對游戲的每個玩法可以進行動態的預加載，在后端來獲取游戲的配置信息，然后作為響應數據響應給前臺瀏覽器，來初始化游戲界面。

字符串
數字
布爾值
數組
對象

運算符
條件操作符
邏輯運算符號

if else
do while
while
switch
for
for in
label
break 和 continue
with

內置函數
自定義函數
匿名函數
沒有重載

作用域鏈
函數作用域
堆內存和占內存
引用計數和標記清除

使用對象
數組對象的方法運用
字符串的方法運用
創建和操作數組
理解JavaScript類型
日期類型
正則表達式
function類型
基本包裝類型

定時器相關

未完待續....