项目问题总结【2】ApiHub

项目背景：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 返回 布尔类型

7. 【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){ }