mirror of https://github.com/qianguyihao/Web.git
update: 链接
This commit is contained in:
parent
4389fbca34
commit
7cf4415f5a
|
|
@ -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标准
|
||||
|
||||
|
|
|
|||
|
|
@ -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的概述
|
||||
|
||||
|
|
|
|||
|
|
@ -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提交的区别:**
|
||||
|
||||
|
|
|
|||
|
|
@ -5,8 +5,6 @@ publish: true
|
|||
|
||||
<ArticleTopAd></ArticleTopAd>
|
||||
|
||||
|
||||
|
||||
## 代码块
|
||||
|
||||
用`{}`包围起来的代码,就是代码块。
|
||||
|
|
@ -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再回来看就很容易明白了。
|
||||
|
||||
## 我的公众号
|
||||
|
||||
想学习**更多技能**?不妨关注我的微信公众号:**千古壹号**。
|
||||
|
|
|
|||
Loading…
Reference in New Issue