學習環境準備

1. 瀏覽器選擇

TIPS：所有章節中的例子都基于 Chrome 瀏覽器環境。

推薦讀者也使用 Chrome 進行調試學習，保證所有案例效果統一。

同時 Chrome 也是所有主流瀏覽器中支持 JavaScript 特性較多的、速度相對較快的瀏覽器。

獲取Chrome瀏覽器

如果Chrome相關網頁無法訪問，可以使用Microsoft Edge，新版的Edge也是基于Chromium開發的，在特性方面幾乎可以獲得和Chrome一樣的支持。

獲取Microsoft瀏覽器

2. 開發工具

開發工具一般會分為兩種，一種為 IDE (Integrated Development Environment - 集成開發環境)，另一種為編輯器（Editor）。

IDE 為開發某一特定應用或者多種應用而制作的軟件，提供了代碼編輯器、調試工具等功能。

普通的編輯器則更為輕量通用，僅提供文本編輯功能。適合本 Wiki 讀者的主流 IDE 有 WebStorm、DreamWeaver。如果使用 DreamWeaver 建議選擇較新版本，舊版已經無法滿足現階段的前端開發。

編輯器則選擇相對較多，有Visual Studio Code、Atom、Sublime、HBuilder、Vim等。

上述編輯器含有插件、主題等功能，相對 IDE 更加輕量，配合插件也能提供調試、代碼片段、代碼提示等功能，滿足日常開發需求。

以下為提供部分編輯器和 IDE 的獲取地址：

• 編輯器

  • Visual Studio Code
  • Atom
  • Sublime
  • HBuilder

• IDE

  • WebStorm
  • DreamWeaver

建議初學者選擇編輯器進行開發，因為學習過程中的例子比較松散簡單，IDE 更側重項目級別的管理。據非官方數據了解，目前大部分前端開發者編輯器會選擇 Visual Studio Code，IDE會選擇 WebStorm。

3. 網絡環境

盡量確保網絡環境正常，部分例子可能會用到部分在線鏈接，如圖片。

4. 放松的學習狀態

將目光放遠，看長期受益。學習是一個漫長的過程，慢慢吸收知識，每一章仔細閱讀主要內容即可，剩余內容只需要留個印象，一口容易吃成胖子，慢慢消化容易吸收。