学习环境准备

1. 浏览器选择

TIPS:所有章节中的例子都基于 Chrome 浏览器环境

推荐读者也使用 Chrome 进行调试学习,保证所有案例效果统一。

同时 Chrome 也是所有主流浏览器中支持 JavaScript 特性较多的、速度相对较快的浏览器。

图片描述

Chrome 浏览器

2. 开发工具

开发工具一般会分为两种,一种为 IDE (Integrated Development Environment - 集成开发环境),另一种为编辑器(Editor)。

IDE 为开发某一特定应用或者多种应用而制作的软件,提供了代码编辑器、调试工具等功能。

普通的编辑器则更为轻量通用,仅提供文本编辑功能。适合本 Wiki 读者的主流 IDE 有 WebStormDreamWeaver。如果使用 DreamWeaver 建议选择较新版本,旧版已经无法满足现阶段的前端开发。

编辑器则选择相对较多,有Visual Studio CodeAtomSublimeHBuilderVim等。

上述编辑器含有插件、主题等功能,相对 IDE 更加轻量,配合插件也能提供调试、代码片段、代码提示等功能,满足日常开发需求。

以下为提供部分编辑器和 IDE 的获取地址:

建议初学者选择编辑器进行开发,因为学习过程中的例子比较松散简单,IDE 更侧重项目级别的管理。据非官方数据了解,目前大部分前端开发者编辑器会选择 Visual Studio Code,IDE会选择 WebStorm。

3. 网络环境

尽量确保网络环境正常,部分例子可能会用到部分在线链接,如图片。

4. 放松的学习状态

将目光放远,看长期受益。学习是一个漫长的过程,慢慢吸收知识,每一章仔细阅读主要内容即可,剩余内容只需要留个印象,一口容易吃成胖子,慢慢消化容易吸收。