《知识点累积》Vue2.x 插件

axios

• 用于浏览器和node.js的基于Promise的HTTP客户端；

• 关键链接：npm 地址 Github 地址

• 安装：npm i axios

1.请求头设置，如 token

参考此处 axios Config Defaults

全局默认设置

axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;

自定义实例默认设置

// 创建 axios 实例
const instance = axios.create();
// 自定义默认设置
instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;

2.get 和 post 参数差异

get 用 params

axios({
	url: "/user/info",
	method: "get",
	params // 可选项
});

post 用 data，千万不要用简写的 params，否则就变成了 get 的长字符串请求。我犯了这个错，查找了很久…

axios({
	url: "/user/info",
	method: "post",
	data
});

js-cookie

• 用于处理cookie的简单、轻量级JavaScript API；
• 关键链接：npm 地址 Github 地址
• 安装：npm i js-cookie

md5

• 使用MD5对消息进行哈希的JavaScript函数；

• 关键链接：npm 地址 Github 地址

• 安装：npm i md5

base64

• 这是一个node.js C++模块，对base64进行编码和解码；

• 关键链接：npm 地址 Github 地址

• 安装：npm i base64

node-rsa

• 公钥加密算法，非对称加密算法；
• 关键链接：npm 地址
• 安装：npm i node-rsa
• 知识点链接：RSA算法-阮一峰、链接-简书、链接-CSDN

其实前端直接使用 jsencrypt.js

参考：链接，库下载

mockjs

• 一个模拟数据生成器，用于帮助前端开发和原型与后端进程分离，并减少一些单调性，尤其是在编写自动化测试时；

• 关键链接：npm 地址 Github 地址 其它参考

• 安装：npm i mockjs

codemirror

• CodeMirror代码编辑器；

• 关键链接：npm 地址 Github 地址

• 安装：npm i codemirror

vue-json-editor

• json编辑器；

• 关键链接：npm 地址 Github 地址

• 安装：npm i vue-json-editor

cnchar

• 汉字拼音笔画 js 库
• 关键链接：npm 地址 Github 地址
• 安装：npm i cnchar

示例，按中文字母排序

import cnchar from "cnchar";

export function listCharOrder(list) {
    // key为label，value为整个信息
    let objs = {};
    // 获取 labels 数组
    let arr = list.map(item=>{
      let label = item.label;
      objs[label] = item;
      return label
    })
    // 中文首字母排序
    let arr2 = cnchar.sortSpell(arr);
    // 根据新排序设置新列表
    let funcs = arr2.map(label => {
      return objs[label]
    });

    return funcs
}