diff --git a/01-HTML/01-认识Web和Web标准.md b/01-HTML/01-认识Web和Web标准.md index b653478..ca9cfc0 100644 --- a/01-HTML/01-认识Web和Web标准.md +++ b/01-HTML/01-认识Web和Web标准.md @@ -25,10 +25,7 @@ Web(World Wide Web)即全球广域网,也称为万维网。 浏览器是网页运行的平台,常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera等。 -关于浏览器的详细介绍,可以看下一篇文章:《[浏览器的介绍](https://github.com/qianguyihao/Web/blob/master/01-html/02-%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E4%BB%8B%E7%BB%8D.md)》 - - - +关于浏览器的详细介绍,可以看下一篇文章:《浏览器的介绍》。 ## Web标准 diff --git a/01-HTML/03-初识HTML.md b/01-HTML/03-初识HTML.md index 50471b9..09918c0 100644 --- a/01-HTML/03-初识HTML.md +++ b/01-HTML/03-初识HTML.md @@ -21,7 +21,7 @@ PS:文件的后缀名不能决定文件格式,只能决定打开文件打开 ### Sublime Text 的使用 -详情请移步至:[Sublime Text使用技巧](https://github.com/qianguyihao/Mac/blob/master/05-%E5%85%A8%E5%B9%B3%E5%8F%B0%E8%BD%AF%E4%BB%B6/Sublime%20Text%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7.md) +详情请移步至:[Sublime Text使用技巧](https://github.com/qianguyihao/Mac/blob/master/03-%E5%85%A8%E5%B9%B3%E5%8F%B0%E8%BD%AF%E4%BB%B6/Sublime%20Text%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7.md) ## HTML的概述 diff --git a/01-HTML/07-html标签图文详解(二).md b/01-HTML/07-html标签图文详解(二).md index 57e8e14..5b575c8 100644 --- a/01-HTML/07-html标签图文详解(二).md +++ b/01-HTML/07-html标签图文详解(二).md @@ -592,7 +592,7 @@ style="border-collapse:collapse;" 注意:表单和表格嵌套时,是在`
`标记中套``标记。 -form标签里面的action属性和method属性,在《Ajax》课程上给大家讲解。稍微说一下:action属性就是表示,表单将提交到哪里。 method属性表示用什么HTTP方法提交,有get、post两种。 +form标签里面的action属性和method属性,在后续的 ajax文章上再讲。这里简单说一下:action属性就是表示,表单将提交到哪里。 method属性表示用什么HTTP方法提交,有get、post两种。 **get提交和post提交的区别:** diff --git a/04-JavaScript基础/09-流程控制语句:选择结构(if和switch).md b/04-JavaScript基础/09-流程控制语句:选择结构(if和switch).md index dba9b7d..87b7751 100644 --- a/04-JavaScript基础/09-流程控制语句:选择结构(if和switch).md +++ b/04-JavaScript基础/09-流程控制语句:选择结构(if和switch).md @@ -5,8 +5,6 @@ publish: true - - ## 代码块 用`{}`包围起来的代码,就是代码块。 @@ -36,11 +34,11 @@ a = 2 ### 流程控制语句分类 -- 顺序结构 +- 顺序结构 -- 选择结构:if 语句、switch 语句 +- 选择结构:if 语句、switch 语句 -- 循环结构:while 语句、for 语句 +- 循环结构:while 语句、for 语句 ## 顺序结构 @@ -71,10 +69,8 @@ if (条件表达式) { ```javascript if (条件表达式) { // 条件为真时,做的事情 - } else { // 条件为假时,做的事情 - } ``` @@ -83,13 +79,10 @@ if (条件表达式) { ```javascript if (条件表达式1) { // 条件1为真时,做的事情 - } else if (条件表达式2) { // 条件1不满足,条件2满足时,做的事情 - } else if (条件表达式3) { // 条件1、2不满足,条件3满足时,做的事情 - } else { // 条件1、2、3都不满足时,做的事情 } @@ -250,7 +243,7 @@ switch 后面的**括号里**可以是**表达式**或者**值**, 通常是一 JS 是属于弱类型语言,case 后面的`值1`、`值2`可以是 `'a'`、`6`、`true` 等任意数据类型的值,也可以是**表达式**。注意,在这里,**字符串`'6'`和 数字 `6` 是不一样的**。 -举例1: +举例 1: ```js let msg = 'notice'; @@ -271,7 +264,7 @@ switch (msg) { } ``` -举例2:(case 后面的是表达式) +举例 2:(case 后面的是表达式) ```js let age = 28; @@ -290,18 +283,15 @@ switch (true) { console.log('默认文案'); break; } - ``` 代码解释:由于 switch 里的值是 true,所以,在众多的 case 语句中,会去匹配第一个符合 `case true`的语句,然后命中这条语句。 - - ### switch 语句的结束条件【非常重要】 -- 情况 a:遇到 break 就结束,而不是遇到 default 就结束。(因为 break 在此处的作用就是退出 switch 语句) +- 情况 a:遇到 break 就结束,而不是遇到 default 就结束。(因为 break 在此处的作用就是退出 switch 语句) -- 情况 b:执行到程序的末尾就结束。 +- 情况 b:执行到程序的末尾就结束。 我们来看下面的两个例子就明白了。 @@ -602,6 +592,52 @@ switch (day) { 小白可能认为这样的写法可读性不强,所以说他是小白。我可以明确告诉你,改进后的这种写法,才是最优雅的、最简洁、可读性最好的。 +## 代码举例 + +### 举例 1:用 return 代替 if else + +业务场景: + +我们在实战业务中涉及到调接口时,一般会这样做: + +- 接口返回码为 0 时,前端 resolve。 + +- 接口返回未登录时,前端跳转到登录页面。 + +- 接口返回其他情况,或者无返回时,前端 reject。 + +写法 1、if else 的写法:(不推荐) + +```js +if (res) { + if (+res.retCode == 0) { + resolve(res); + } else if (+res.retCode == 8888) { + goLogin(); + } else { + reject(res); + } +} else { + reject(); +} +``` + +写法 2、 return 的写法:(推荐) + +```js +if (!res || +res.retCode !== 0) { + if (+res.retCode === 8888) { + // 未登录 + goLogin(); + } + reject(res); + return; +} +resolve(res.data); +``` + +备注:如果你没学过 Promise,这个例子可以先不看。等以后学了 Promise再回来看就很容易明白了。 + ## 我的公众号 想学习**更多技能**?不妨关注我的微信公众号:**千古壹号**。 diff --git a/04-JavaScript基础/36-offset相关属性和匀速动画(含轮播图的实现).md b/04-JavaScript基础/36-offset相关属性和匀速动画(含轮播图的实现).md similarity index 100% rename from 04-JavaScript基础/36-offset相关属性和匀速动画(含轮播图的实现).md rename to 04-JavaScript基础/36-offset相关属性和匀速动画(含轮播图的实现).md diff --git a/04-JavaScript基础/38-client(可视区)相关属性.md b/04-JavaScript基础/38-client(可视区)相关属性.md similarity index 100% rename from 04-JavaScript基础/38-client(可视区)相关属性.md rename to 04-JavaScript基础/38-client(可视区)相关属性.md