Axios的使用

Axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

vue自身没有提供发送ajax请求的工具

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

  • Promise based HTTP client for the browser and node.js
    • 以Promise为基础的HTTP客户端,适用于:浏览器和node.js
    • 封装ajax,用来发送请求,异步获取数据
  • 安装:npm i -S axios
  • axios github

使用方法:

Read More

Git

git基础

Git是一款免费、开源的分布式 版本控制系统 ,用于敏捷高效地处理任何或小或大的项目。

git的安装

下载地址

注意:

  1. 不要安装在中文目录
  2. 不要使用桌面管理软件

git三个区

要对某个项目使用git进行管理,需要使用git init命令初始化git仓库
git init会在当前目录生成一个隐藏文件夹 .git 不要去修改这个文件夹下的任意东西。

git仓库会分成三个区(暂存区和仓库区地使用就是.git文件夹的作用)

  • 工作区:我们书写代码的地方,工作的目录就叫工作区。
  • 暂存区:暂时存储的区域,在git中,代码无法直接从工作区提交到仓库区,而是需要先从工作区添加到暂存区,然后才能从暂存区提交到仓库区。暂存区的目的是避免误操作。
  • 本地仓库区:将保存在暂存区域的内容永久转储到 Git 仓库中,生成版本号。生成版本号之后,就可以任何的回退到某一个具体的版本。

Read More

国内npm的使用以及nodemon的使用

国内npm的使用以及nodemon的使用

一、npm的使用

  1. npm初始化,每个项目需要初始化一次(每个项目需要的包不同)
    npm init → 用于新建package.json,之后可以再次修改package.json
    npm init -y → 省略确认细节
    package.json用于记录当前项目的全部依赖 → dependencies里显示
  2. 安装:npm install 包名(默认安装最新版本)
    如果要更换安装的版本,一般要先卸载已经装过的版本,否则可能影响整个node_modules文件夹(例如vue)
    npm uninstall 包名 → 卸载
    npm install 包名@版本号 →安装指定版本的包
  3. 安装简写:npm i 包名
  4. 若是删除了node_modules文件夹,可以直接npm i安装package.json中记录的项目依赖的包
  5. npm cache clean -f 如果npm安装失败了,可以用这个命令清除缓存(之后要重新下,慎用)
    ps. npm的本地安装:将包安装到当前项目的目录中 (npm i 包名)
    npm的全局安装:将包安装到c盘,将来所有的目录都可以用到这个包(pm i 包名 -g)

Read More

接口测试工具postman

接口测试的工具postman

一、使用方法

  1. 选择请求方式
  2. 输入路径
  3. 点击send按钮

二、postman的传参方式(部分)

  1. get
    ① 直接在路径中拼接键值对参数
    ② 点击postman中的Params按钮输入键值对
  2. post
    ① 写好路径
    ② 在body栏中点击x-www-form-urlencoded单选框
    ③ 在body栏中输入键值对

nodejs模块

nodejs模块:相当于封装的js文件

一、定义

  1. 在nodejs中,一个js文件就是一个模块
  2. 每个模块,都有一个独立的作用域,在自己 js文件中声明的变量和函数,只能在自己所在的模块中使用

Read More

nodejs部分实用第三方模块介绍

nodejs部分实用第三方模块介绍

mime(获取文件类型)

作用:

在设置响应报文时自动获取响应体文件的文件类型

使用方法:

  1. npm install mime
  2. const mime = require('mime')
  3. mime.getType(传入需要类型的文件名或文件路径)

特点:

  1. 会自动根据文件扩展名得到mime类型(content-type)
  2. 也可以根据文件路径得到mime类型

Read More

express的简单使用

express的简单使用

需要的npm包:express、body-parser、art-template、express-art-template

预先引入模块:express、fs、path、body-parser

一、静态页面的处理

  1. 使用 app.get方法精确匹配地址
  2. 使用 res.sendFile方法发送静态页面内容(可以发字符串内容或文件路径)
1
2
3
4
app.get('/static', (req, res) => {
const filePath = path.join(__dirname, '/pages/static.html')
res.sendfile(filePath)
})

Read More

展开运算符,可以展开对象和数组

展开运算符,可以展开对象和数组

一、语法:

...数组或对象

二、展开数组

  1. 可以用于数组拼接
1
2
3
const arr1 = [1, 2, 3]
const arr2 = [4, 5, 6]
const newArr = [...arr1, 100, ...arr2]
  1. 应用举例:可以用来求数组最大值
1
2
const arr = [1, 4, 6, 2, 45, 72, 4, 7, 8]
const max = Math.max(...arr)// 👉1, 4, 6, 2, 45, 72, 4, 7, 8

二、展开对象(相当于把对象的键值对提取出来)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const obj1 = {
name: 'zs',
age: 18
}
const obj2 = {
sayHi() {
console.log('hi');
}
}
const mix = {
...obj1,
...obj2,
ability: 'S.H.I.T'
}

模板字符串

模板字符串

一、语法:

1
`模板内容`
1
2
3
4
const obj = {
name: 'ss',
age: 19
}

二、特点:

  1. 支持换行和空格
  2. 支持变量${ 变量名 }
  3. 支持引用类型的方法和 js 语法
1
2
3
4
5
6
7
document.querySelector('.person').innerHTML =

`<h1>人物</h1>

<p>${ obj.name.toUpperCase()}</p>

<p>${ obj.age * 2}</p>`