Skip to content

Commit

Permalink
update: 链接
Browse files Browse the repository at this point in the history
  • Loading branch information
qianguyihao committed Oct 21, 2021
1 parent 4389fbc commit 7cf4415
Show file tree
Hide file tree
Showing 6 changed files with 56 additions and 23 deletions.
5 changes: 1 addition & 4 deletions 01-HTML/01-认识Web和Web标准.md
Original file line number Diff line number Diff line change
Expand Up @@ -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标准

Expand Down
2 changes: 1 addition & 1 deletion 01-HTML/03-初识HTML.md
Original file line number Diff line number Diff line change
Expand Up @@ -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的概述

Expand Down
2 changes: 1 addition & 1 deletion 01-HTML/07-html标签图文详解(二).md
Original file line number Diff line number Diff line change
Expand Up @@ -592,7 +592,7 @@ style="border-collapse:collapse;"

注意:表单和表格嵌套时,是在`<form>`标记中套`<table>`标记。

form标签里面的action属性和method属性,在《Ajax》课程上给大家讲解。稍微说一下:action属性就是表示,表单将提交到哪里。 method属性表示用什么HTTP方法提交,有get、post两种。
form标签里面的action属性和method属性,在后续的 ajax文章上再讲。这里简单说一下:action属性就是表示,表单将提交到哪里。 method属性表示用什么HTTP方法提交,有get、post两种。

**get提交和post提交的区别:**

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ publish: true

<ArticleTopAd></ArticleTopAd>



## 代码块

`{}`包围起来的代码,就是代码块。
Expand Down Expand Up @@ -36,11 +34,11 @@ a = 2

### 流程控制语句分类

- 顺序结构
- 顺序结构

- 选择结构:if 语句、switch 语句
- 选择结构:if 语句、switch 语句

- 循环结构:while 语句、for 语句
- 循环结构:while 语句、for 语句

## 顺序结构

Expand Down Expand Up @@ -71,10 +69,8 @@ if (条件表达式) {
```javascript
if (条件表达式) {
// 条件为真时,做的事情
} else {
// 条件为假时,做的事情
}
```

Expand All @@ -83,13 +79,10 @@ if (条件表达式) {
```javascript
if (条件表达式1) {
// 条件1为真时,做的事情
} else if (条件表达式2) {
// 条件1不满足,条件2满足时,做的事情
} else if (条件表达式3) {
// 条件1、2不满足,条件3满足时,做的事情
} else {
// 条件1、2、3都不满足时,做的事情
}
Expand Down Expand Up @@ -250,7 +243,7 @@ switch 后面的**括号里**可以是**表达式**或者**值**, 通常是一

JS 是属于弱类型语言,case 后面的`值1``值2`可以是 `'a'``6``true` 等任意数据类型的值,也可以是**表达式**。注意,在这里,**字符串`'6'` 数字 `6` 是不一样的**

举例1
举例 1

```js
let msg = 'notice';
Expand All @@ -271,7 +264,7 @@ switch (msg) {
}
```

举例2:(case 后面的是表达式)
举例 2:(case 后面的是表达式)

```js
let age = 28;
Expand All @@ -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:执行到程序的末尾就结束。

我们来看下面的两个例子就明白了。

Expand Down Expand Up @@ -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再回来看就很容易明白了。

## 我的公众号

想学习**更多技能**?不妨关注我的微信公众号:**千古壹号**
Expand Down

0 comments on commit 7cf4415

Please sign in to comment.