webcourse/Webcourse
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update img

Browse Source
This commit is contained in:
qianguyihao 2019-07-28 19:55:39 +08:00
parent 97a5fdc303
commit 6ce88761b5
2 changed files with 18 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
03-JavaScript基础/03-变量的强制类型转换.md
View File

@ -4,12 +4,10 @@
类型转换主要指，将其他的数据类型，转换为：String、Number、Boolean。你会把某个数据类型转换成 null 或者 undefined 吗？不会，因为这样做，没有意义。 类型转换主要指，将其他的数据类型，转换为：String、Number、Boolean。你会把某个数据类型转换成 null 或者 undefined 吗？不会，因为这样做，没有意义。
## 其他的简单类型 --> String ## 其他的简单类型 --> String
### 方法一：变量+"" 或者 变量+"abc" ### 方法一：变量+"" 或者 变量+"abc"
举例如下： 举例如下：
```javascript ```javascript
@ -20,7 +18,6 @@ console.log(a + 'haha'); // 转换成 String 类型
上面的例子中，打印的结果，都是字符串类型的数据。 上面的例子中，打印的结果，都是字符串类型的数据。
### 方法二：调用toString()方法 ### 方法二：调用toString()方法
举例如下： 举例如下：
@ -33,8 +30,6 @@ console.log(a + 'haha'); // 转换成 String 类型
注意：null和undefined这两个值没有toString()方法，所以它们不能用方法二。如果调用，会报错。 注意：null和undefined这两个值没有toString()方法，所以它们不能用方法二。如果调用，会报错。
另外，Number类型的变量，在调用toString()时，可以在方法中传递一个整数作为参数。此时它将会把数字转换为指定的进制，如果不指定则默认转换为10进制。例如： 另外，Number类型的变量，在调用toString()时，可以在方法中传递一个整数作为参数。此时它将会把数字转换为指定的进制，如果不指定则默认转换为10进制。例如：
```javascript ```javascript
@ -48,8 +43,6 @@ console.log(a + 'haha'); // 转换成 String 类型
console.log(typeof a); // string console.log(typeof a); // string
``` ```
### 方法三：使用String()函数 ### 方法三：使用String()函数
格式如下： 格式如下：
@ -64,14 +57,12 @@ String(变量)
- 但是对于null和undefined，就不会调用toString()方法。它会将 null 直接转换为 "null"。将 undefined 直接转换为 "undefined"。 - 但是对于null和undefined，就不会调用toString()方法。它会将 null 直接转换为 "null"。将 undefined 直接转换为 "undefined"。
### prompt()：用户的输入 ### prompt()：用户的输入
我们在JS基础的第一篇里，就讲过，`prompt()`就是专门用来弹出能够让用户输入的对话框。重要的是：用户不管输入什么，都是字符串。 我们在JS基础的第一篇里，就讲过，`prompt()`就是专门用来弹出能够让用户输入的对话框。重要的是：用户不管输入什么，都是字符串。
## 其他的数据类型 --> Number ## 其他的数据类型 --> Number
### 方式一：使用Number()函数 ### 方式一：使用Number()函数
**情况一：字符串 --> 数字** **情况一：字符串 --> 数字**
@ -173,13 +164,10 @@ String(变量)
> `parseFloat()`是专门用来对付字符串的。 > `parseFloat()`是专门用来对付字符串的。
parseFloat()的作用是：将字符串转换为**浮点数**。 parseFloat()的作用是：将字符串转换为**浮点数**。
parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获得有效的小数部分。 parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获得有效的小数部分。
代码举例： 代码举例：
```javascript ```javascript
@ -187,9 +175,7 @@ parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获
console.log(parseFloat(a)); // 打印结果：123.456 console.log(parseFloat(a)); // 打印结果：123.456
``` ```
## 转换为 Boolean
## 转换为Boolean
将其他的数据类型转换为Boolean，可以使用Boolean()函数。 将其他的数据类型转换为Boolean，可以使用Boolean()函数。
@ -201,7 +187,7 @@ parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获
- 情况四：对象也会转换为true。 - 情况四：对象也会转换为true。
PS：上面的这就种情况，很重要，开发中会经常用到。 PS：转换为 Boolean 的这几种情况，很重要，开发中会经常用到。
## 其他进制的数字 ## 其他进制的数字
@ -222,8 +208,6 @@ PS：上面的这就种情况，很重要，开发中会经常用到。
``` ```
## 我的公众号 ## 我的公众号
想学习<font color=#0000ff>**代码之外的技能**</font>？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。 想学习<font color=#0000ff>**代码之外的技能**</font>？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。

22
12-Vue基础/00-Vue的介绍和vue-cli.md
View File

@ -237,11 +237,11 @@ $ npm install -g @vue/cli
这个空项目的工程文件如下：（请务必仔细研究这个项目的写法和目录结构） 这个空项目的工程文件如下：（请务必仔细研究这个项目的写法和目录结构）
- [2019-06-21-vue-my-app.zip]() - [2019-06-21-vue-my-app.zip](https://download.csdn.net/download/smyhvae/11256220)
我们可以看到这个项目的结构： 我们可以看到这个项目的结构：
20190624_160725.png ![](http://img.smyhvae.com/20190624_160725.png)
- src：项目源码 - src：项目源码
@ -261,7 +261,7 @@ $ npm install -g @vue/cli
浏览器输入`http://localhost:8080/`，就可以让这个空的项目在本地跑起来： 浏览器输入`http://localhost:8080/`，就可以让这个空的项目在本地跑起来：
20190624_160228.png ![](http://img.smyhvae.com/20190624_160228.png)
备注：我们在 GitHub上下载的任何Vue有关的项目，第一步都是要首先执行 npm install，安装依赖的 mode_modules，然后再运行。我们发给同事的工程文件，建议不要包含 `node_modules`。 备注：我们在 GitHub上下载的任何Vue有关的项目，第一步都是要首先执行 npm install，安装依赖的 mode_modules，然后再运行。我们发给同事的工程文件，建议不要包含 `node_modules`。
@ -273,11 +273,11 @@ $ npm install -g @vue/cli
$ vue create vuedemo2 $ vue create vuedemo2
``` ```
20190624_163726.png ![](http://img.smyhvae.com/20190624_163726.png)
上图中，选择 `Manually select features`，然后根据提示依次输入： 上图中，选择 `Manually select features`，然后根据提示依次输入：
20190624_164305.png ![](http://img.smyhvae.com/20190624_164305.png)
- project name：**要求小写**。 - project name：**要求小写**。
@ -293,7 +293,7 @@ $ vue create vuedemo2
选择 eslint 的配置： 选择 eslint 的配置：
20190624_1650.png ![](http://img.smyhvae.com/20190624_165000.png)
然后让这个空的项目就可以在浏览器上跑起来。 然后让这个空的项目就可以在浏览器上跑起来。
@ -335,3 +335,13 @@ $ vue create vuedemo2
} }
``` ```
## 我的公众号
想学习<font color=#0000ff>**代码之外的技能**</font>？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。
扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外：
![](http://img.smyhvae.com/20160401_01.jpg)