项目背景：ApiHub
一 、介绍
介绍：用于提供服务和接口的后台系统。功能包含对服务和接口的管理，对权限申请的审批查看，对各个接口的监控，以及对接口的调试功能。分权限开放以上功能。
核心功能：服务、接口管理，授权审批，接口在线调试，接口服务监控，负载均衡
二、问题总结：
1.【js】cookie整理
Cookie 以名/值对形式存储 username=John Doe
//创建
document.cookie="username=John Doe";
//读取
let cookie = document.cookie
//修改
document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
//删除
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
//获取 cookie 值的函数
function getCookie(cname)
{
var name = cname + "=";
//使用分号来分割 document.cookie 字符串，并将分割后的字符串数组赋值给 ca
var ca = document.cookie.split(';');
//循环 ca 数组 (i=0;i<ca.length;i++)，然后读取数组中的每个值，并去除前后空格 (c=ca[i].trim())
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
2.产生随机色
Math.floor(Math.random()*16777215).toString(16);
3.【css】去掉input focus外框：outline: none;
4.【js】判断对象是否为空
解决方法：
（1）. jquery方法 ：$.isEmptyObject()
（2）. js方法
function isEmptyObject(e) {
var t;
for (t in e)
return !1;
return !0
}
5.【js】mouseenter和mouseleave后 闪烁问题
原因：mouseenter 后出现的div遮住了之前的页面元素
6.【js】判断值类型
typeof和instanceof的区别
（1）typeof 返回 变量基本类型：number,boolean,string,object,undefined,function；
（2）instanceof 返回 布尔类型
- 【html】contenteditable 属性规定是否可编辑元素的内容。
<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>
8.【js】json格式化显示问题
(1) 使用<pre> 标签显示json 可以直接放json 数据，会自动进行格式转换；缺点：设置可编辑后，编辑按回车会有问题。
（2） 使用 <textarea>标签显示，将json转换字符串。
注意，用JSON.stringify(value，replacer，space)
其中 space 可用于设置缩进。
举例：self.form.args.body = JSON.stringify(self.objBody.body,undefined,4)
9.【css】滚动条样式
::-webkit-scrollbar{
width:6px;
height: 6px;
}
10.【js】获取url参数
（1）window.location.search
getUrlParam(name) {
let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
let r = window.location.search.substr(1).match(reg);
console.log(r,721);
if (r != null){
return unescape(r[2]);
}else {
return null;
}
},
(2)this.$route.query 也可以这样获取
11.【js】判断是否是谷歌浏览器
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Chrome") > -1){ }
