-
Notifications
You must be signed in to change notification settings - Fork 8.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'mdn:main' into fix-design-responsivo
- Loading branch information
Showing
2 changed files
with
42 additions
and
24 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,47 +1,63 @@ | ||
--- | ||
title: JavaScript | ||
title: JavaScript——动态客户端脚本语言 | ||
slug: Learn/JavaScript | ||
l10n: | ||
sourceCommit: 70f49e78d0f6830748fcaa490d98b4ae3e2da161 | ||
--- | ||
|
||
{{LearnSidebar}} | ||
|
||
{{Glossary("JavaScript")}} 编程语言允许你在 Web 页面上实现复杂的功能。如果你看到一个网页不仅仅显示静态的信息,而是显示依时间更新的内容,或者交互式地图,或者 2D/3D 动画图像,或者滚动的视频播放器,等等——你基本可以确定,这需要 JavaScript 的参与。 | ||
{{Glossary("JavaScript")}} 是一种允许你在网页上实现复杂功能的编程语言。每次网页不仅仅只是显示静态信息——而是显示及时的内容更新、交互式地图、2D/3D 动画图形、滚动的视频播放器,等等——你都可以打赌 JavaScript 可能参与其中。 | ||
|
||
## 学习路线 | ||
## 前提 | ||
|
||
很多人认为,与相关技术如 [HTML](/zh-CN/docs/Learn/HTML) 和 [CSS](/zh-CN/docs/Learn/CSS) 相比,学习 JavaScript 更为困难。在尝试学习 JavaScript 之前,我们强烈建议你首先至少熟悉上述这两种技术,一些其他知识可能也会有帮助。你可以从以下模块开始学习之旅: | ||
JavaScript 可以说比相关技术(如 [HTML](/zh-CN/docs/Learn/HTML) 和 [CSS](/zh-CN/docs/Learn/CSS))更难学习。在尝试学习 JavaScript 之前,强烈建议你首先至少熟悉这两种技术,甚至其他技术。请先学习以下模块: | ||
|
||
- [开始了解 Web](/zh-CN/docs/Learn/Getting_started_with_the_web) | ||
- [HTML 入门](/zh-CN/docs/Web/Guide/HTML/Introduction) | ||
- [CSS 入门](/zh-CN/docs/Learn/CSS/Introduction_to_CSS) | ||
- [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web) | ||
- [HTML 简介](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) | ||
- [CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps) | ||
|
||
拥有其他编程语言的经验也许会有帮助。 | ||
拥有其他编程语言的经验也可能会有所帮助。 | ||
|
||
熟悉 JavaScript 的基本概念之后,你将具备学习更多高级主题的能力,比如这些: | ||
熟悉 JavaScript 的基础知识后,你应该能够学习更高级的主题,例如: | ||
|
||
- 深入理解 JavaScript,如 [JavaScript 指南](/zh-CN/docs/Web/JavaScript/Guide)中的内容 | ||
- [Web APIs](/zh-CN/docs/Web/API) | ||
- 深入 JavaScript,如我们的 [JavaScript 指南](/zh-CN/docs/Web/JavaScript/Guide)所教授的 | ||
- [Web API](/zh-CN/docs/Web/API) | ||
|
||
## 模块 | ||
|
||
本主题包含以下模块,我们建议你按照下列顺序阅读。 | ||
> [!CALLOUT] | ||
> | ||
> **我们对现代 JavaScript 的政策** | ||
> | ||
> JavaScript 是一种不断发展的语言,多年来发生了很大变化。特别是在 2015 年引入的第 6 版(有时称为 ECMAScript 2015 或 ES6),增加了许多新特性。与此同时,为了保持与旧网站的向后兼容性,即使不再被认为是好的实践,语言的旧特性也被保留了下来。 | ||
> | ||
> 我们认为,ECMAScript 2015 及后续版本中添加到 JavaScript 的特性使开发人员能够编写更易读、可靠和富有表现力的代码,因此了解它们很重要。 | ||
> | ||
> 我们在这门课程中教授的是稳定的并且多年来一直受到所有主要浏览器支持的特性。 | ||
本主题包含以下模块,建议按顺序学习。 | ||
|
||
- [JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps) | ||
- : 作为 JavaScript 学习的第一个模块,在开始编写第一段代码之前,我们首先回答一些基础的问题,比如“JavaScript 是什么?”、“它的代码长什么样?”、以及“它能做什么?”。之后我们会详细讨论一些 JavaScript 的关键功能,比如变量、字符串、数字、数组等。 | ||
- [构建 JavaScript 代码块](/zh-CN/docs/Learn/JavaScript/Building_blocks) | ||
- : 在这个模块中,我们继续介绍 JavaScript 的关键的基础功能,并逐渐将注意力转移到常见类型的代码块,比如条件语句、循环、函数、以及事件等。你应该已经遇到过这些概念,而这里我们将正式学习。 | ||
- [JavaScript 对象初识](/zh-CN/docs/Learn/JavaScript/Objects) | ||
- : 在 JavaScript 中,绝大多数东西都是对象;从作为 JavaScript 核心功能的字符串和数组,到建立在 JavaScript 之上的浏览器 API,无一不是对象。你甚至可以自己创建对象,将相关的函数和变量封装打包。想要进一步学习 JavaScript 语言知识、写出高效的代码的话,理解这种面向对象的特性是必不可少的。这个模块将帮助你了解“对象”,我们将详细介绍对象的设计思想和语法、如何创建对象,并解释 JSON 数据是什么、如何使用。 | ||
- : 在第一个 JavaScript 模块中,我们首先回答一些基本问题,例如“什么是 JavaScript?”、“它看起来是什么样的?”和“它能做什么?”,然后带你体验第一次实际编写 JavaScript。之后,我们将详细讨论一些关键的 JavaScript 特性,如变量、字符串、数字和数组。 | ||
- [创建 JavaScript 代码块](/zh-CN/docs/Learn/JavaScript/Building_blocks) | ||
- : 在这个模块中,我们将继续涵盖所有 JavaScript 的关键基础特性,重点关注常见的代码块类型,如条件语句、循环、函数和事件。你已经在课程中看到了这些内容,但只是顺便提及——在这里我们将明确讨论它们。 | ||
- [介绍 JavaScript 对象](/zh-CN/docs/Learn/JavaScript/Objects) | ||
- : 在 JavaScript 中,大多数东西都是对象,从 JavaScript 核心特性(如字符串和数组)到构建在 JavaScript 之上的浏览器 API。你甚至可以创建自己的对象,将相关的函数和变量封装起来。如果你想进一步提高对语言的了解并编写更高效的代码,理解 JavaScript 的面向对象特性非常重要,因此我们提供了这个模块来帮助你。在这里,我们将详细教授对象理论和语法,看看如何创建你自己的对象,并解释 JSON 数据是什么以及如何使用它。 | ||
- [异步 JavaScript](/zh-CN/docs/Learn/JavaScript/Asynchronous) | ||
- : 这个模块介绍异步 JavaScript:为什么重要,如何用它来处理 可能引起阻塞的操作(比如从服务器获取资源) | ||
- : 在这个模块中,我们将了解异步 JavaScript,为什么它很重要,以及如何使用它有效地处理潜在的阻塞操作(如从服务器获取资源)。 | ||
- [客户端 Web API](/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs) | ||
- : 为网站或应用编写客户端 JavaScript 脚本时,你很难不用到 Web API 接口。这些接口允许你一定程度上操纵网页所运行在的浏览器和操作系统、甚至来自其他网站和服务的数据。在这个模块中,我们将了解有哪些 API,并学习使用开发过程中最常见的 API。 | ||
- : 在为网站或应用程序编写客户端 JavaScript 时,你很快就会开始使用 API——用于操作浏览器和操作系统不同方面的接口,或者甚至是从其他网站或服务获取数据。在这个模块中,我们将探讨 API 是什么,以及如何使用一些你经常遇到的常见 API。 | ||
|
||
## 解决常见的 JavaScript 问题 | ||
|
||
[解决常见的 JavaScript 问题](/zh-CN/docs/Learn/JavaScript/Howto) 提供一些链接,解释如何使用 JavaScript 来解决创建网页时非常常见的问题。 | ||
[解决 JavaScript 代码中常见的问题](/zh-CN/docs/Learn/JavaScript/Howto)提供了一些帮助你避免常见的 JavaScript 编程错误的建议,并提供了许多有用的展示如何解决常见的 JavaScript 编程问题的链接。 | ||
|
||
## 参见 | ||
|
||
- [Coding math](https://www.youtube.com/user/codingmath) | ||
- : 由 [Keith Peters](https://twitter.com/bit101) 制作的一个优秀的视频教程系列,向你传授高效编程所需的必备技能。 | ||
- [MDN 上的 JavaScript](/zh-CN/docs/Web/JavaScript) | ||
- : 这是 MDN 上核心 JavaScript 文档的主要入口——在这里你将找到关于 JavaScript 语言所有方面的广泛参考文档,以及一些针对有经验的 JavaScript 开发人员的高级教程。 | ||
- [学习 JavaScript](https://learnjavascript.online/) | ||
- : 非常适合有抱负的 Web 开发人员的优秀资源——在交互式环境中通过自动评估引导的短课程和交互式测试学习 JavaScript。前 40 节课是免费的。 | ||
- [编码数学](https://www.youtube.com/user/codingmath) | ||
- : 一个由 [Keith Peters](https://www.bit-101.com/2017/about-me/) 创建的优秀的视频教程系列,教你成为高效的程序员所需的数学知识。 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters