From 32956bb0af648ac36e2d8d5ed99f43be37330575 Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Fri, 13 Dec 2019 15:17:12 +0800 Subject: [PATCH] =?UTF-8?q?update:=20=E6=B5=81=E7=A8=8B=E6=8E=A7=E5=88=B6?= =?UTF-8?q?=E8=AF=AD=E5=8F=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 04-JavaScript基础/05-运算符.md | 14 +- ...witch）.md => 06-流程控制语句：选择结构（if和switch）.md} | 160 +++++++++--------- ...while）.md => 07-流程控制语句：循环结构（for和while）.md} | 2 +- 18-推荐链接/01-2019年Web前端最新导航.md | 6 + 4 files changed, 98 insertions(+), 84 deletions(-) rename 04-JavaScript基础/{09-流程控制语句：选择结构（if和switch）.md => 06-流程控制语句：选择结构（if和switch）.md} (77%) rename 04-JavaScript基础/{10-流程控制语句：循环结构（for和while）.md => 07-流程控制语句：循环结构（for和while）.md} (99%) diff --git a/04-JavaScript基础/05-运算符.md b/04-JavaScript基础/05-运算符.md index 7deaeff..8406b32 100644 --- a/04-JavaScript基础/05-运算符.md +++ b/04-JavaScript基础/05-运算符.md @@ -9,7 +9,7 @@ **表达式**：由数字、运算符、变量的组合（组成的式子）。 -表达式最终都会有一个运算结果，我们称这个结果为表达式的**返回值**。 +表达式最终都会有一个运算结果，我们将这个结果称为表达式的**返回值**。 比如：`+`、`*`、`/`、`(` 都是**运算符**，而`（3+5）/2`则是**表达式**。 @@ -296,9 +296,9 @@ console.log('result：' + result); // 打印结果：6（也就是说最后面 - 如果第一个值为false，则返回第二个值（（如果所有的值都为false，则返回的是最后一个值）。 -实际开发中，我们经常是这样来处理容错的： +实际开发中，我们经常是这样来做「容错处理」的： -当成功调用一个接口后，返回的数据为 result 对象。这个时候，我们用变量 a 来接收 result 里的图片资源。通常的写法是这样的：（这里我只是举个例子） +当成功调用一个接口后，返回的数据为 result 对象。这个时候，我们用变量 a 来接收 result 里的图片资源。通常的写法是这样的： ```javascript @@ -372,11 +372,11 @@ console.log(true > false); //true ``` -（2）特殊情况：如果符号两侧的值都是字符串时，**不会**将其转换为数字进行比较。比较两个字符串时，比较的是字符串的**Unicode编码**。【非常重要，这里是个大坑】 +（2）特殊情况：如果符号两侧的值都是字符串时，**不会**将其转换为数字进行比较。比较两个字符串时，比较的是字符串的**Unicode编码**。【非常重要，这里是个大坑，很容易踩到】 -比较字符编码时，是一位一位进行比较。如果两位一样，则比较下一位，所以借用它可以来对英文进行排序。 +比较字符编码时，是一位一位进行比较。如果两位一样，则比较下一位。 -PS：所以说，当你尝试去比较`"123"`和`"56"`这两个字符串时，你会发现，字符串"56"竟然比字符串"123"要大。也就是说，下面这样代码的打印结果，其实是true:（这个我们一定要注意，在日常开发中，很容易忽视） +比如说，当你尝试去比较`"123"`和`"56"`这两个字符串时，你会发现，字符串"56"竟然比字符串"123"要大。也就是说，下面这样代码的打印结果，其实是true:（这个我们一定要注意，在日常开发中，很容易忽视） ```javascript // 比较两个字符串时，比较的是字符串的字符编码，所以可能会得到不可预期的结果 @@ -538,7 +538,7 @@ console.log("\u2602"); // 这里的 2602 采用的是16进制。 ![](http://img.smyhvae.com/20181222_1218.png) -2、同样，我们可以在网页中使用Unicode编码。格式如下： +2、我们还可以在 HTML 网页中使用Unicode编码。格式如下： ``` &#四位编码; diff --git a/04-JavaScript基础/09-流程控制语句：选择结构（if和switch）.md b/04-JavaScript基础/06-流程控制语句：选择结构（if和switch）.md similarity index 77% rename from 04-JavaScript基础/09-流程控制语句：选择结构（if和switch）.md rename to 04-JavaScript基础/06-流程控制语句：选择结构（if和switch）.md index 0889674..47dd009 100644 --- a/04-JavaScript基础/09-流程控制语句：选择结构（if和switch）.md +++ b/04-JavaScript基础/06-流程控制语句：选择结构（if和switch）.md @@ -12,13 +12,13 @@ JS中的代码块，只具有**分组**的作用，没有其他的用途。 代码块中的内容，在外部是完全可见的。举例： ```javascript - { - var a = 2; - alert("smyhvae"); - console.log("永不止步"); - } +{ + var a = 2; + alert("qianguyihao"); + console.log("永不止步"); +} - console.log("a = " + a); +console.log("a = " + a); ``` 打印结果：（可以看出，虽然变量 a 是定义在代码块中的，但是在外部依然可以访问） @@ -59,10 +59,10 @@ if语句有以下三种。 格式： ```javascript - if (条件表达式) { - // 条件为真时，做的事情 +if (条件表达式) { + // 条件为真时，做的事情 - } +} ``` @@ -72,31 +72,31 @@ if语句有以下三种。 格式1： ```javascript - if (条件表达式) { - // 条件为真时，做的事情 +if (条件表达式) { + // 条件为真时，做的事情 - } else { - // 条件为假时，做的事情 +} else { + // 条件为假时，做的事情 - } +} ``` -格式：（多分支的if语句） +格式2：（多分支的if语句） ```javascript - if (条件表达式1) { - // 条件1为真时，做的事情 +if (条件表达式1) { + // 条件1为真时，做的事情 - } else if (条件表达式2) { - // 条件1不满足，条件2满足时，做的事情 +} else if (条件表达式2) { + // 条件1不满足，条件2满足时，做的事情 - } else if (条件表达式3) { - // 条件1、2不满足，条件3满足时，做的事情 +} else if (条件表达式3) { + // 条件1、2不满足，条件3满足时，做的事情 - } else { - // 条件1、2、3都不满足时，做的事情 - } +} else { + // 条件1、2、3都不满足时，做的事情 +} ``` 以上所有的语句体中，只执行其中一个。 @@ -104,21 +104,21 @@ if语句有以下三种。 ### 做个题目 ``` - 根据BMI（身体质量指数）显示一个人的体型。 - BMI指数，就是体重、身高的一个计算公式。公式是： - BMI =体重÷身高的平方 +根据BMI（身体质量指数）显示一个人的体型。 +BMI指数，就是体重、身高的一个计算公式。公式是： +BMI =体重÷身高的平方 - 比如，老师的体重是81.6公斤，身高是1.71米。 - 那么老师的BMI就是 81.6 ÷ 1.712 等于 27.906022365856163 +比如，老师的体重是81.6公斤，身高是1.71米。 +那么老师的BMI就是 81.6 ÷ 1.712 等于 27.906022365856163 - 过轻：低于18.5 - 正常：18.5-24.99999999 - 过重：25-27.9999999 - 肥胖：28-32 - 非常肥胖, 高于32 +过轻：低于18.5 +正常：18.5-24.99999999 +过重：25-27.9999999 +肥胖：28-32 +非常肥胖, 高于32 - 用JavaScript开发一个程序，让用户先输入自己的体重，然后输入自己的身高（弹出两次prompt框）。 - 计算它的BMI，根据上表，弹出用户的身体情况。比如“过轻” 、 “正常” 、“过重” 、 “肥胖” 、“非常肥胖”。 +用JavaScript开发一个程序，让用户先输入自己的体重，然后输入自己的身高（弹出两次prompt框）。 +计算它的BMI，根据上表，弹出用户的身体情况。比如“过轻” 、 “正常” 、“过重” 、 “肥胖” 、“非常肥胖”。 ``` **答案**： @@ -126,45 +126,45 @@ if语句有以下三种。 写法1： ```javascript - //第一步，输入身高和体重 - var height = parseFloat(prompt("请输入身高，单位是米")); - var weight = parseFloat(prompt("请输入体重，单位是公斤")); - //第二步，计算BMI指数 - var BMI = weight / Math.pow(height, 2); - //第三步，if语句来判断。注意跳楼现象 - if (BMI < 18.5) { - alert("偏瘦"); - } else if (BMI < 25) { - alert("正常"); - } else if (BMI < 28) { - alert("过重"); - } else if (BMI <= 32) { - alert("肥胖"); - } else { - alert("非常肥胖"); - } +//第一步，输入身高和体重 +var height = parseFloat(prompt("请输入身高，单位是米")); +var weight = parseFloat(prompt("请输入体重，单位是公斤")); +//第二步，计算BMI指数 +var BMI = weight / Math.pow(height, 2); +//第三步，if语句来判断。注意跳楼现象 +if (BMI < 18.5) { + alert("偏瘦"); +} else if (BMI < 25) { + alert("正常"); +} else if (BMI < 28) { + alert("过重"); +} else if (BMI <= 32) { + alert("肥胖"); +} else { + alert("非常肥胖"); +} ``` 写法2： ```javascript - //第一步，输入身高和体重 - var height = parseFloat(prompt("请输入身高，单位是米")); - var weight = parseFloat(prompt("请输入体重，单位是公斤")); - //第二步，计算BMI指数 - var BMI = weight / Math.pow(height, 2); - //第三步，if语句来判断。注意跳楼现象 - if (BMI > 32) { - alert("非常肥胖"); - } else if (BMI >= 28) { - alert("肥胖"); - } else if (BMI >= 25) { - alert("过重"); - } else if (BMI >= 18.5) { - alert("正常") - } else { - alert("偏瘦"); - } +//第一步，输入身高和体重 +var height = parseFloat(prompt("请输入身高，单位是米")); +var weight = parseFloat(prompt("请输入体重，单位是公斤")); +//第二步，计算BMI指数 +var BMI = weight / Math.pow(height, 2); +//第三步，if语句来判断。注意跳楼现象 +if (BMI > 32) { + alert("非常肥胖"); +} else if (BMI >= 28) { + alert("肥胖"); +} else if (BMI >= 25) { + alert("过重"); +} else if (BMI >= 18.5) { + alert("正常") +} else { + alert("偏瘦"); +} ``` ### if语句的嵌套 @@ -172,10 +172,10 @@ if语句有以下三种。 我们通过下面这个例子来引出if语句的嵌套。 ``` - 一个加油站为了鼓励车主多加油，所以加的多有优惠。 - 92号汽油，每升6元；如果大于等于20升，那么每升5.9； - 97号汽油，每升7元；如果大于等于30升，那么每升6.95 - 编写JS程序，用户输入自己的汽油编号，然后输入自己加多少升，弹出价格。 +一个加油站为了鼓励车主多加油，所以加的多有优惠。 +92号汽油，每升6元；如果大于等于20升，那么每升5.9； +97号汽油，每升7元；如果大于等于30升，那么每升6.95 +编写JS程序，用户输入自己的汽油编号，然后输入自己加多少升，弹出价格。 ``` ![](http://img.smyhvae.com/20180117_2232.png) @@ -204,7 +204,7 @@ if (bianhao == 92) { var price = sheng * 7; } } else { - alert("对不起，没有这个编号的汽油！"); + alert("不好意思，没有这个编号的汽油！"); } alert("价格是" + price); @@ -236,7 +236,15 @@ switch(表达式) { } ``` -注意， JS 是属于弱类型语言，这里面的`值1`、`值2`可以是 `'a'`、`6`、`true` 等任意数据类型。 + +**注意**： + +- switch 可以理解为“开关、转换” 。case 可以理解为“案例、选项”。 + +- switch 后面的**括号里**可以是**表达式**或者**值**， 通常是一个**变量**（通常做法是：先把表达式或者值存放到变量中）。 + +- JS 是属于弱类型语言，case 后面的`值1`、`值2`可以是 `'a'`、`6`、`true` 等任意数据类型的值，也可以是表达式。 + ### switch语句的执行流程 diff --git a/04-JavaScript基础/10-流程控制语句：循环结构（for和while）.md b/04-JavaScript基础/07-流程控制语句：循环结构（for和while）.md similarity index 99% rename from 04-JavaScript基础/10-流程控制语句：循环结构（for和while）.md rename to 04-JavaScript基础/07-流程控制语句：循环结构（for和while）.md index 2138cf6..27ff938 100644 --- a/04-JavaScript基础/10-流程控制语句：循环结构（for和while）.md +++ b/04-JavaScript基础/07-流程控制语句：循环结构（for和while）.md @@ -304,7 +304,7 @@ for (var i = 0; i < 5; i++) { ### continue -- continue可以用来跳过**当次**循环。 +- continue可以用来跳过**当次**循环，继续下一次循环。 - 同样，continue默认只会离他**最近**的循环起作用。 diff --git a/18-推荐链接/01-2019年Web前端最新导航.md b/18-推荐链接/01-2019年Web前端最新导航.md index 9a51e92..09e03f4 100644 --- a/18-推荐链接/01-2019年Web前端最新导航.md +++ b/18-推荐链接/01-2019年Web前端最新导航.md @@ -46,6 +46,10 @@ ## GitHub 排名统计 +- GitHub中文排行榜、高分优秀中文项目： + +中国区的高分项目，都在这里了。 + - GitHub 中国区排名： 这个网站虽然比较小众，但排名还是相对比较准的。 @@ -62,6 +66,8 @@ 你的项目要是能上 GitHub trending，绝对火得一塌糊涂。 +2019-12备注：现在的 GitHub trending 已经不是严格按照新增的 star 数来排行了。所以说，这个排名，也不是那么权威了。 + ## 资讯 - 36氪：