乱七八槽的小积累-1(h5+css)

判断对象数组中是否存在指定key值的对象

/**
   * 判断对象数组array中是否已存在key值为keyPara的对象
   * 存在返回true，不存在返回false
   */
  itemInArray = (keyPara , array) => {
    let flag = false
    const length = array.length
    console.log(length)
    if (length < 1) {
      flag = false
    } else if (length >= 1) {
      for (const value of array) {
        if (value.key === keyPara) {
          flag = true
          break
        } else {
          flag = false
        }
      }
    }
    return flag
  }

向数组首部添加元素

array.unshift(arrayItem)
// 对应的在后面追加就是我们常用的push
array.push(arrayItem)
// 还有一个翻转数组中元素顺序的方法，需要注意的是arr.reverse()在原数组上实现这一功能，即，reverse()会改变原数组。
array.reverse()

删除对象数组中指定key值的对象

  /**
   * 删除对象数组中指定key值的对象
   */
  delectObjectFromObjectArrayByObjectKey = (key , objectArray) => {
    for (const value of objectArray!) {
      if (value.key === key) {
       const index = objectArray!.indexOf(value)
       objectArray!.splice(index, 1)
      break
      }
     }
  }

div滚轮位置获取和设置

这里需要滚轮的div的id值为list

// 获取
var y =  JSON.stringify(document.getElementById('list').scrollTop)
// 设置
document.getElementById('list').scrollTop = y

div滚轮样式自定义

这里需要滚轮的div的id值为list,想要使用滚轮对应div高度要给定

/*div样式*/
.list {
  padding: 5px 10px;
  height: 415px; /*面板高度*/
  overflow-y: auto; // y轴方向自动出现滚轮
}
/*滚动条样式*/
.list::-webkit-scrollbar {/*滚动条整体样式*/
   width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
   height: 4px;
}
.list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
.list::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  background: rgba(0,0,0,0.1);
}

效果图：

setTimeout和setInterval

setTimeout只在指定时间后执行一次,setInterval以指定时间为周期循环执行。

// setTimeout
function hello(){
	alert("hello");
}
// 使用方法名字执行方法
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法
window.clearTimeout(t1);//去掉定时器

//========================================================

// setInterval
//实时刷新时间单位为毫秒
interval1=setInterval('refreshQuery()',8000); 
/* 刷新查询 */
function refreshQuery(){
$("#mainTable").datagrid('reload',null);
}
// 清除定时器
window.clearInterval(interval1)

localStroage操作

 // 存
 localStorage.setItem('data',JSON.stringify(array));
 // 取
array = JSON.parse(localStorage.getItem('data));
// 删
localStorage.removeItem('data')

更多 参考

javascript