web开发随用笔记

js根据条件进行数组筛选=>{

// es6写法：
list.filter(item=> 条件);
// es5写法：
list.filter(function(item){return 条件;});

}

在Vue中的遍历方法v-for控制循环次数的方法=>{

// 截取循环的数据
v-for="(item,index) in domainList.slice(0, 2)"

}

常用的字符串截取 => {

// 取字符串的前i个字符
str=str.substring(0,i);
// 去掉字符串的前i个字符
str=str.substring(i); 
// 从右边开始取i个字符
str=str.substring(str.length()-i); 
str=str.substring(str.length()-i,str.length()); 
// 从右边开始去掉i个字符
str=str.substring(0,str.Length-i);
// 如果字符串中有"abc"则替换成"ABC"
str=str.replace("abc","ABC");

}

vue动态控制样式显示 => {

:style="{'color':item.color, 'font-weight':item.bold === 1 ? '700' : '500'}"

}

router_link传参到页面如何获取 => {

this.$route.query.传递字段

}

router跳转的页面，js关闭窗口显示空白页 => {

window.location.href = 'about:blank'
window.close()

}

js截取地址栏url中后面的数据，并转换为对象 => {

　　

//获取地址栏中的url
var url = window.location.search;
//定义一个空对象
var obj = {}
//从地址后的？开始
if (url.indexOf("?")  !=  -1) {
    //从url的索引1开始提取字符串
    var str = url.substring(1);
    //以&符号进行分割
    var arr = str.split("&")
    //遍历数组并且存放定义的空对象中
    for (var i = 0; i < arr.length; i++) {
        //obj定义的空对象 = 属性值，unescape(arr[i].split("=")[1]);
        obj[arr[i].split("=")[0]] = unescape(arr[i].split("=")[1]);
    }
}
console.log(obj);

 

检测一个未知实例是否是一个数组

var o={};
var a=[];
o instanceof Array // false
a instanceof Array // true

自定义页面滚动条样式

  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
  }
  /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 4px;
    background-color: #F5F5F5;
  }
  /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color: #C0C4CC;
  }