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的安装

下载地址

注意：

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

git三个区

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

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

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

Read More

Vue基本概念

vue介绍

• vue 中文网
• Vue.js 是什么
• 介绍：Vue是一套用于构建用户界面的渐进式框架。

Read More

国内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

一、使用方法

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

二、postman的传参方式（部分）

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

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

一、定义

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

Read More

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

mime（获取文件类型）

作用：

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

使用方法：

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

特点：

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

Read More

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]

2. 应用举例：可以用来求数组最大值

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>`