Skip to content

Commit

Permalink
convert to markdown for Building_blocks
Browse files Browse the repository at this point in the history
  • Loading branch information
yin1999 committed Aug 5, 2022
1 parent abc818f commit 97257b1
Show file tree
Hide file tree
Showing 7 changed files with 1,543 additions and 1,400 deletions.

Large diffs are not rendered by default.

571 changes: 294 additions & 277 deletions files/zh-cn/learn/javascript/building_blocks/conditionals/index.md

Large diffs are not rendered by default.

540 changes: 280 additions & 260 deletions files/zh-cn/learn/javascript/building_blocks/events/index.md

Large diffs are not rendered by default.

413 changes: 229 additions & 184 deletions files/zh-cn/learn/javascript/building_blocks/functions/index.md

Large diffs are not rendered by default.

50 changes: 22 additions & 28 deletions files/zh-cn/learn/javascript/building_blocks/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,40 +16,34 @@ tags:
- 评估
translation_of: Learn/JavaScript/Building_blocks
---
<div>{{LearnSidebar}}</div>
{{LearnSidebar}}

<p>在这个模块中,我们将继续介绍 JavaScript 的关键基本特性,在这一章中我们将关注条件控制语句、循环语句、函数模块、事件等通用代码块。你可能在之前的的课程中见过这些模块,但仅仅是见过—在这篇模块中我们将明确讨论这些模块。</p>
在这个模块中,我们将继续介绍 JavaScript 的关键基本特性,在这一章中我们将关注条件控制语句、循环语句、函数模块、事件等通用代码块。你可能在之前的的课程中见过这些模块,但仅仅是见过—在这篇模块中我们将明确讨论这些模块。

<h2 id="预备知识">预备知识</h2>
## 预备知识

<p>在开始这部分模块之前,你应该熟悉基本的 HTML 和 CSS, 并且已经看完我们之前的模块:<a href="/zh-CN/docs/Learn/JavaScript/First_steps">JavaScript 第一步</a>。</p>
在开始这部分模块之前,你应该熟悉基本的 HTML 和 CSS, 并且已经看完我们之前的模块:[JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)

<div class="note">
<p><strong>备注:</strong> 如果你在使用无法创建自己文件的电脑/平板/其他设备,你可以试试在线编辑器,例如 <a href="http://jsbin.com/">JSBin</a> 或 <a href="https://glitch.com/">Glitch</a>.</p>
</div>
> **备注:** 如果你在使用无法创建自己文件的电脑/平板/其他设备,你可以试试在线编辑器,例如 [JSBin](http://jsbin.com/)[Glitch](https://glitch.com/).
<h2 id="指南">指南</h2>
## 指南

<dl>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks/conditionals">在代码中做决定 — 条件</a></dt>
<dd>在任何程序语言中,程序需要根据不同的输入数据作出相应的选择并执行相关的操作。例如,在游戏中,如果玩家的生命值是 0,那么游戏就结束了。在天气应用中,如果在早上打开应用,则显示一个太阳升起的图片,如果在晚上打开,则显示星星和月亮。在这篇文章里我们将探索如何在 JS 中使用条件结构。</dd>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks/Looping_code">循环语句</a></dt>
<dd>有时候你需要在一个行中重复执行某一个任务。例如,查看一整列的名字。在程序中,循环能非常好的处理好这个问题。在本章中我们将介绍 JavaScript 的循环语句。</dd>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks/Functions">函数 — 可重用的代码块</a></dt>
<dd>在编码中的另一个基本概念是函数 (functions)。 <strong>函数</strong> 允许你在定义的区块内存储一段代码用来执行一个单独的任务,然后调用该段代码时,你需要使用一个简短的命令,而不用重复编写多次该段代码。在这篇文章中我们将探讨函数的基本概念,如语法、如何调用定义的函数、作用域和参数。</dd>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks/Build_your_own_function">打造自己的函数</a></dt>
<dd>本文结合前几篇文章中所涉及的基本理论,提供了一个实践经验。在这里你会得到一些实践,并且编写自己的自定义函数。随后,我们也将进一步解释一些与函数相关的有用的细节。</dd>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks/Return_values">函数返回值</a></dt>
<dd>在这个课程中,我们要讨论的最后一个基本概念是返回值(通过返回值结束我们的函数)。有些函数在完成后不返回任何值,而有些函数返回。重要的是了解返回的值是什么,和如何在你的代码中使用他们,以及如何使自定义的函数返回需要的值。</dd>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks/Events">事件介绍</a></dt>
<dd>事件是你正在编写的系统中发生的动作或事件,系统告诉你的是这些动作或事件,如果需要的话,你可以以某种方式对它们做出反应。例如,如果用户单击网页上的按钮,您可能希望通过显示信息框来响应该操作。在这最后一篇文章中,我们将重点讨论一些围绕事件有关的概念,看看他们如何在浏览器中工作。</dd>
</dl>
- [在代码中做决定 — 条件](/zh-CN/docs/Learn/JavaScript/Building_blocks/conditionals)
- : 在任何程序语言中,程序需要根据不同的输入数据作出相应的选择并执行相关的操作。例如,在游戏中,如果玩家的生命值是 0,那么游戏就结束了。在天气应用中,如果在早上打开应用,则显示一个太阳升起的图片,如果在晚上打开,则显示星星和月亮。在这篇文章里我们将探索如何在 JS 中使用条件结构。
- [循环语句](/zh-CN/docs/Learn/JavaScript/Building_blocks/Looping_code)
- : 有时候你需要在一个行中重复执行某一个任务。例如,查看一整列的名字。在程序中,循环能非常好的处理好这个问题。在本章中我们将介绍 JavaScript 的循环语句。
- [函数 — 可重用的代码块](/zh-CN/docs/Learn/JavaScript/Building_blocks/Functions)
- : 在编码中的另一个基本概念是函数 (functions)。 **函数** 允许你在定义的区块内存储一段代码用来执行一个单独的任务,然后调用该段代码时,你需要使用一个简短的命令,而不用重复编写多次该段代码。在这篇文章中我们将探讨函数的基本概念,如语法、如何调用定义的函数、作用域和参数。
- [打造自己的函数](/zh-CN/docs/Learn/JavaScript/Building_blocks/Build_your_own_function)
- : 本文结合前几篇文章中所涉及的基本理论,提供了一个实践经验。在这里你会得到一些实践,并且编写自己的自定义函数。随后,我们也将进一步解释一些与函数相关的有用的细节。
- [函数返回值](/zh-CN/docs/Learn/JavaScript/Building_blocks/Return_values)
- : 在这个课程中,我们要讨论的最后一个基本概念是返回值(通过返回值结束我们的函数)。有些函数在完成后不返回任何值,而有些函数返回。重要的是了解返回的值是什么,和如何在你的代码中使用他们,以及如何使自定义的函数返回需要的值。
- [事件介绍](/zh-CN/docs/Learn/JavaScript/Building_blocks/Events)
- : 事件是你正在编写的系统中发生的动作或事件,系统告诉你的是这些动作或事件,如果需要的话,你可以以某种方式对它们做出反应。例如,如果用户单击网页上的按钮,您可能希望通过显示信息框来响应该操作。在这最后一篇文章中,我们将重点讨论一些围绕事件有关的概念,看看他们如何在浏览器中工作。

<h2 id="评估">评估</h2>
## 评估

<p>下面的评估将测试您对 JavaScript 基础知识的理解。</p>
下面的评估将测试您对 JavaScript 基础知识的理解。

<dl>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks/Image_gallery">图片画廊</a></dt>
<dd>现在我们已经学习了构建 JavaScript 的基本代码块,我们会通过构建一个在很多网站上相当常见的项目——一个由 JavaScript 驱动的相册,来测试你循环、函数、条件语句和事件方面的知识。</dd>
</dl>
- [图片画廊](/zh-CN/docs/Learn/JavaScript/Building_blocks/Image_gallery)
- : 现在我们已经学习了构建 JavaScript 的基本代码块,我们会通过构建一个在很多网站上相当常见的项目——一个由 JavaScript 驱动的相册,来测试你循环、函数、条件语句和事件方面的知识。
Loading

0 comments on commit 97257b1

Please sign in to comment.