diff --git a/docs/js/60.md b/docs/js/60.md index 1db3dd41314de959a0987c7eb38b8909b157ef0c..4ca5d61beed4195cf63592eaae615ec6a95cc6e2 100644 --- a/docs/js/60.md +++ b/docs/js/60.md @@ -285,7 +285,7 @@ request('http://localhost:3004/data?_start=4&_end=8', (err, resp, body) => { ``` -该程序从 JSON Server 获取数据,数据从索引 4(不包括索引)开始,到索引 8(不包括索引)结束。 +该程序从 JSONServer 获取数据,数据从索引 4(不包括索引)开始,到索引 8(不包括索引)结束。 ```js $ node get_data.js diff --git a/docs/js/80.md b/docs/js/80.md index b52d85fce63aeabfb15f99203afe55a255cfa0c7..769a96860f532858cd9d49893c7f64f7866abff1 100644 --- a/docs/js/80.md +++ b/docs/js/80.md @@ -27,7 +27,7 @@ $ npm install axios ``` -此外,我们安装了`axios`模块,这是一个基于 Promise 的 JavaScript HTTP 客户端。 +此外,我们安装了`axios`模块,这是一个基于`Promise`的 JavaScript HTTP 客户端。 ```js $ cat package.json @@ -382,6 +382,6 @@ $ node full_text_search.js 搜索查询返回了这三个用户。 -在本教程中,我们介绍了 JSON Server JavaScript 库。 +在本教程中,我们介绍了 JSONServer JavaScript 库。 -您可能也对以下相关教程感兴趣:[数据表 JSON 服务器教程](/articles/datatablesjsonserver/), [Axios 教程](/javascript/axios/),[笑话教程](/javascript/jest/), [faker.js 教程](/javascript/fakerjs/), [Document.querySelector()教程](/javascript/queryselector/),[从 JavaScript 中的 URL 读取 JSON](/articles/javascriptjsonurl/) , [JavaScript 贪食蛇教程](/javascript/snake/), [JQuery 教程](/web/jquery/), [jQuery 自动完成教程](/articles/jqueryautocomplete/)或 [Node Sass 教程](/javascript/nodesass/)。 \ No newline at end of file +您可能也对以下相关教程感兴趣:[数据表 JSON 服务器教程](/articles/datatablesjsonserver/), [Axios 教程](/javascript/axios/),[笑话教程](/javascript/jest/), [faker.js 教程](/javascript/fakerjs/), [`Document.querySelector()`教程](/javascript/queryselector/),[从 JavaScript 中的 URL 读取 JSON](/articles/javascriptjsonurl/) , [JavaScript 贪食蛇教程](/javascript/snake/), [JQuery 教程](/web/jquery/), [jQuery 自动完成教程](/articles/jqueryautocomplete/)或 [Node Sass 教程](/javascript/nodesass/)。 \ No newline at end of file diff --git a/docs/js/81.md b/docs/js/81.md index 1607ee595ae7c8a56cdc103e92beb831d5c9f028..6eb0d6ec57fa6aef29ce07d2dc2d55f2c4b9b076 100644 --- a/docs/js/81.md +++ b/docs/js/81.md @@ -2,17 +2,17 @@ > 原文: [http://zetcode.com/javascript/snake/](http://zetcode.com/javascript/snake/) -JavaScript 贪食蛇教程展示了如何在 JavaScript 中创建 Snake 游戏。 这些图像和源可从作者的 Github [JavaScript-Snake-Game](https://github.com/janbodnar/JavaScript-Snake-Game) 存储库中获得。 +JavaScript 贪食蛇教程展示了如何在 JavaScript 中创建贪食蛇游戏。 这些图像和源可从作者的 Github [JavaScript-Snake-Game](https://github.com/janbodnar/JavaScript-Snake-Game) 存储库中获得。 -## Snake 游戏 +## 贪食蛇游戏 -Snake 是一款较老的经典视频游戏,最早于 70 年代后期创建。 后来它被带到 PC 上。 在这个游戏中,玩家控制蛇。 目的是尽可能多地吃苹果。 蛇每次吃一个苹果,它的身体就会长大。 蛇必须避开墙壁和自己的身体。 该游戏有时称为 Nibbles 。 +贪食蛇是一款较老的经典视频游戏,最早于 70 年代后期创建。 后来它被带到 PC 上。 在这个游戏中,玩家控制蛇。 目的是尽可能多地吃苹果。 蛇每次吃一个苹果,它的身体就会长大。 蛇必须避开墙壁和自己的身体。 该游戏有时称为 Nibbles。 ## HTML5 画布 -HTML5 canvas 元素提供了一个与分辨率有关的位图区域,该区域可用于动态绘制图形,游戏图形,艺术作品或其他可视图像。 简单来说,canvas 是 HTML5 中的新元素,它使您可以使用 JavaScript 绘制图形。 Canvas 无需将插件插入 Flash,Silverlight 或 Java,即可将动画带入网页。 +HTML5 `canvas`元素提供了一个与分辨率有关的位图区域,该区域可用于动态绘制图形,游戏图形,艺术作品或其他可视图像。 简单来说,`canvas`是 HTML5 中的新元素,它使您可以使用 JavaScript 绘制图形。 `Canvas`无需将插件插入 Flash,Silverlight 或 Java,即可将动画带入网页。 -## JavaScript Snake 代码示例 +## JavaScript 贪食蛇代码示例 蛇的每个关节的大小为 10 像素。 蛇由光标键控制。 最初,蛇具有三个关节。 如果游戏结束,则画布中间会显示“游戏结束”消息。 @@ -285,7 +285,7 @@ onkeydown = function(e) { ``` -这是 JavaScript Snake 的源代码。 +这是 JavaScript 贪食蛇的源代码。 ```js const DOT_SIZE = 10; @@ -297,7 +297,7 @@ const C_WIDTH = 300; ``` -`DOT_SIZE`是苹果的大小和蛇的点。 `ALL_DOTS`常数定义画布上可能的最大点数(900 = 300 * 300/10 * 10)。 `MAX_RAND`常数用于计算苹果的随机位置。 `DELAY`常数确定游戏的速度。 `C_HEIGHT`和`C_WIDTH`常数存储画布的大小。 +`DOT_SIZE`是苹果的大小和蛇的点。 `ALL_DOTS`常数定义画布上可能的最大点数(`900 = 300 * 300 / 10 * 10`)。 `MAX_RAND`常数用于计算苹果的随机位置。 `DELAY`常数确定游戏的速度。 `C_HEIGHT`和`C_WIDTH`常数存储画布的大小。 ```js const LEFT_KEY = 37; @@ -315,7 +315,7 @@ var y = new Array(ALL_DOTS); ``` -这两个数组存储蛇的所有关节的 x 和 y 坐标。 +这两个数组存储蛇的所有关节的`x`和`y`坐标。 ```js function init() { @@ -396,7 +396,7 @@ for (var z = dots; z > 0; z--) { ``` -for 循环将蛇的关节向上移动。 +`for`循环将蛇的关节向上移动。 ```js if (leftDirection) { @@ -450,7 +450,7 @@ function locateApple() { ``` -`locateApple()`随机选择苹果对象的 x 和 y 坐标。 `apple_x`和`apple_y`是苹果图像左上点的坐标。 +`locateApple()`随机选择苹果对象的`x`和`y`坐标。 `apple_x`和`apple_y`是苹果图像左上点的坐标。 ```js function gameCycle() { @@ -479,10 +479,10 @@ if ((key == LEFT_KEY) && (!rightDirection)) { ``` -如果单击左光标键,则将`leftDirection`变量设置为 true。 `move()`函数中使用此变量来更改蛇对象的坐标。 还要注意,当蛇向右行驶时,我们不能立即向左转。 +如果单击左光标键,则将`leftDirection`变量设置为`true`。 `move()`函数中使用此变量来更改蛇对象的坐标。 还要注意,当蛇向右行驶时,我们不能立即向左转。 ![Snake game](img/f37cb101a513120e8d0efe3596c09057.jpg) Figure: Snake gmae -这是 JavaScript Snake 游戏。 \ No newline at end of file +这是 JavaScript 贪食蛇游戏。 \ No newline at end of file diff --git a/docs/js/82.md b/docs/js/82.md index 07cf5c3378d97faffa1869a21ec39ac632e558d1..aa211ec9708591114394ee7327689eed88508b5f 100644 --- a/docs/js/82.md +++ b/docs/js/82.md @@ -12,7 +12,7 @@ JavaScript 构建器模式教程展示了如何使用构建器模式在 JavaScri ## 构建器模式示例 -以下示例将 Builder 模式与`TaskBuilder`结合使用。 +以下示例将构建器模式与`TaskBuilder`结合使用。 `task_creator.js` @@ -97,6 +97,6 @@ console.log(task); 我们使用`TaskBuilder`创建任务。 -在本教程中,我们介绍了 JavaScript 中的 Builder 模式。 +在本教程中,我们介绍了 JavaScript 中的构建器模式。 列出[所有 JavaScript 教程](/all/#js)。 \ No newline at end of file diff --git a/docs/js/83.md b/docs/js/83.md index 16ae46b395b963014b094a5e7132a5473d07602c..e24fdf8fec0dc3843612543f2d3c8b845c077f0d 100644 --- a/docs/js/83.md +++ b/docs/js/83.md @@ -242,7 +242,7 @@ for (let i = 0; i < len; i++) { ``` -在这里,我们使用类似于 C 的 for 循环遍历数组。 +在这里,我们使用类似于 C 的`for`循环遍历数组。 ```js var i = 0; @@ -366,7 +366,7 @@ persons.sort((a, b) => a.age - b.age); ``` -我们通过 age 属性对一系列人对象进行排序。 +我们通过`age`属性对一系列人对象进行排序。 ```js persons.sort((a, b) => { @@ -497,7 +497,7 @@ const res = nums.filter(e => e > 0); ``` -`filter()`方法采用谓词方法作为参数。 谓词返回 true 以保留元素,否则返回 false。 +`filter()`方法采用谓词方法作为参数。 谓词返回`true`以保留元素,否则返回`false`。 ```js $ nodejs filter_array.js diff --git a/docs/js/84.md b/docs/js/84.md index f001aff2c5e86aedcdfbe7b0beb3c36e44358613..2b48ebe546dbfffa4dcf0d9bdb5d87d90eae5cf9 100644 --- a/docs/js/84.md +++ b/docs/js/84.md @@ -2,13 +2,13 @@ > 原文: [http://zetcode.com/javascript/xmlhttprequest/](http://zetcode.com/javascript/xmlhttprequest/) -`XMLHttpRequest`教程展示了如何使用 XMLHttpRequest 在 JavaScript 中发出 HTTP 请求。 +`XMLHttpRequest`教程展示了如何使用`XMLHttpRequest`在 JavaScript 中发出 HTTP 请求。 ## `XMLHttpRequest` -XMLHttpRequest 是内置的浏览器对象,它允许使用 JavaScript 发出 HTTP 请求。 XMLHttpRequest API 提供了用于在客户端和服务器之间传输数据的客户端功能。 它提供了一种从 URL 检索数据的简便方法,而无需刷新整个页面。 +`XMLHttpRequest`是内置的浏览器对象,它允许使用 JavaScript 发出 HTTP 请求。 `XMLHttpRequest` API 提供了用于在客户端和服务器之间传输数据的客户端功能。 它提供了一种从 URL 检索数据的简便方法,而无需刷新整个页面。 -结果,网页必须仅更新页面的一部分而不破坏用户正在做的事情。 XMLHttpRequest 在 AJAX 编程中大量使用。 XMLHttpRequest 以两种操作模式工作:同步和异步。 尽管它的名字,XMLHttpRequest 可以对任何数据进行操作,而不仅限于 XML。 +结果,网页必须仅更新页面的一部分而不破坏用户正在做的事情。 `XMLHttpRequest`在 AJAX 编程中大量使用。 `XMLHttpRequest`以两种操作模式工作:同步和异步。 尽管它的名字,`XMLHttpRequest`可以对任何数据进行操作,而不仅限于 XML。 ## `XMLHttpRequest`示例 @@ -136,6 +136,6 @@ Unix time: ${data.milliseconds_since_epoch}` 该代码已加载到 HTML 页面。 在浏览器中加载页面之后,我们转到浏览器控制台,该控制台在开发人员工具中可用。 -在本教程中,我们使用 XMLHttpRequest 在 JavaScript 中创建了 HTTP 请求。 +在本教程中,我们使用`XMLHttpRequest`在 JavaScript 中创建了 HTTP 请求。 -您可能也对以下相关教程感兴趣: [JavaScript queryselector 教程](/javascript/queryselector/), [JavaScript Lodash 教程](/javascript/lodash/), [Ramda 教程](/javascript/ramda/)或列出[所有 JavaScript 教程](/all/#js)。 \ No newline at end of file +您可能也对以下相关教程感兴趣: [JavaScript `queryselector`教程](/javascript/queryselector/), [JavaScript Lodash 教程](/javascript/lodash/), [Ramda 教程](/javascript/ramda/)或列出[所有 JavaScript 教程](/all/#js)。 \ No newline at end of file diff --git a/docs/js/85.md b/docs/js/85.md index ed24f2dff6b8e9ac13620f83e4f27b640f5f0086..9877fbfdaa2b51b8e168ffa1887030f2fa57c551 100644 --- a/docs/js/85.md +++ b/docs/js/85.md @@ -1,8 +1,8 @@ -# 从 JavaScript 中的 URL 读取 JSON +# 在 JavaScript 中从 URL 读取 JSON > 原文: [http://zetcode.com/articles/javascriptjsonurl/](http://zetcode.com/articles/javascriptjsonurl/) -在 JavaScript 教程的“从 URL 读取 JSON”中,我们从提供的 URL 中读取 JSON 格式的数据。 我们使用 JQuery,Fetch API 和 XMLHttpRequest。 +在 JavaScript 教程的“从 URL 读取 JSON”中,我们从提供的 URL 中读取 JSON 格式的数据。 我们使用 JQuery,Fetch API 和`XMLHttpRequest`。 统一资源定位符(URL)是对 Web 资源的引用,该资源指定了它在计算机网络上的位置以及用于检索它的机制。 网络资源是可以通过网络获取的任何数据,例如 HTML 文档,PDF 文件,PNG 图像,JSON 数据或纯文本。 @@ -116,11 +116,11 @@ fetch('http://time.jsontest.com') 该示例使用 Fetch API 读取 JSON 数据,并将返回的数据打印到控制台。 要查看输出,我们需要激活浏览器的开发者控制台。 -`fetch()`方法采用一个强制性参数,即我们要获取的资源的路径。 它返回一个解析为请求响应的 promise。 +`fetch()`方法采用一个强制性参数,即我们要获取的资源的路径。 它返回一个解析为请求响应的`promise`。 ## 使用`XMLHttpRequest`读取 JSON -XMLHttpRequest API 提供了用于在客户端和服务器之间传输数据的客户端功能。 它提供了一种从 URL 检索数据的简便方法,而无需刷新整个页面。 结果,网页必须仅更新页面的一部分而不破坏用户正在做的事情。 `XMLHttpRequest`在 AJAX 编程中大量使用。 +`XMLHttpRequest` API 提供了用于在客户端和服务器之间传输数据的客户端功能。 它提供了一种从 URL 检索数据的简便方法,而无需刷新整个页面。 结果,网页必须仅更新页面的一部分而不破坏用户正在做的事情。 `XMLHttpRequest`在 AJAX 编程中大量使用。 ```js