1.将字符串分割为数组
str.split(",");//以“,”进行分割字符串，返回数组
2.删除数组中指定值
Array.prototype.remove = function(val) {
var index = this.indexOf(val);//在数组中找到val对应的键
if(index > -1){
this.splice(index, 1);//删除数组，第一个参数是删除元素开始位置；删除长度；
}
}
3.万能方法获取元素
document.querySelector();
4.事件监听
el.addEventListener('click',function(){ //
});
5.跳转页面
window.location.href = 'url';
6.防抖函数
function debounce(fn, wait) {
var timer = null;
if(timer) clearTimeout(timer);
return function(){
timer = setTimeout(function(){
fn();
}, wait);
}
}
7.节流函数
function throttle(fn, interval) {
var last = 0;
return function(){
var now = new Date().getTime();
if(now - last > interval){
fn();
last = now;
}
}
}
8.jquery添加class,删除class，修改css样式
removeClass();addClass;css();text();html()
9.动态创建dom节点
①let li = document.createElement('li')
②li.innerHTML = ''
③el.appendChild(li)
10.随机打乱字符串
function shuffle(str) {
for(var i = 0; i < str.length; i++) {
let random = Math.floor(Math.random() * (i + 1));
let stem = str[i];
str[i] = str[random];
str[random] = stem;
}
return str;
}
shuffle(Array.from(str)).join('');//(将字符串转换为数组，再将数组转换为字符串)
11.给元素添加监听
el.onclick = function() { //监听点击
do();
}
12.生成随机数
function random(lower, upper) {
return Math.floor(Math.random() * (upper - lower))
}
13.获取当前节点的父节点的id
el.parentNode.id
14.获取子节点，删除子节点
el.childNodes;
el.removeChild(childEl);
14.jQuery获取和设置元素的属性，原生
el.attr('data-id');//获取属性
el.attr('data-id', 5);//设置属性
el.getAttribute('data-id');//原生获取属性
el.setAttribute('data-id', 5);//原生设置属性
15.获取元素距离顶部高度，左边距离
el.offset().top;
el.offset().left;