开发与学习环境准备 下载APP
章节索引 :

学习环境准备

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. 放松的学习状态

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

前置知识
什么是JavaScript 开发与学习环境准备 调试方案
基础
JavaScript 变量 JavaScript 数据类型 JavaScript if 语句 JavaScript for 语句 JavaScript 算数运算符 JavaScript 比较运算符 JavaScript 逻辑运算符 JavaScript 表达式 JavaScript 函数 JavaScript 对象 JavaScript 字符串 JavaScript 数字 JavaScript 数组 JavaScript switch 语句 JavaScript while 语句 JavaScript break与continue JavaScript with document.cookie
内置对象
JavaScript Function JavaScript Math JavaScript Date JavaScript RegExp JavaScript JSON
JavaScript 与 DOM
什么是DOM DOM和JavaScript的关系 获取和操作 DOM 节点 JavaScript DOM与事件 JavaScript DOM 事件绑定 JavaScript DOM 事件对象 JavaScript DOM 事件流 JavaScript DOM 事件优化 JavaScript DOM 自定义事件
表单处理
使用 JavaScript 校验表单
BOM
BOM window 对象 常用的 BOM 相关对象 BOM 常用属性和方法
AJAX
JavaScript AJAX
进阶知识
JavaScript 异常处理 JavaScript 三元运算符 JavaScript 逗号操作符 JavaScript void JavaScript typeof JavaScript delete JavaScript debugger JavaScript getter &setter JavaScript 原型 JavaScript new操作符和构造函数 JavaScript instanceof JavaScript this JavaScript 严格模式 JavaScript 作用域 JavaScript 闭包 JavaScript 变量提升 JavaScript 对象包装器
常用库
jQuery Lodash moment.js swiper
进阶指南
ECMAScript6 Node.js Babel CSS 预处理器 代码规范 TypeScript Web Components 小程序 Vue / React / Angular JavaScript 关键字
常见疑点与误区
分号问题 对象属性访问问题 this 使用问题 浮点数精度问题 独一无二的 NaN 避免全局污染 控制台观察对象问题 根据环境选择语言特性
扩展
相关资源