JS知识点01
### 知识点
Object.play();不在不在
> 播放
Object.pause();
> 暂停
Object.currentTime
> 设置属性:当前开始播放的位置,一般放在播放功能的前面
***
Array.from(arrayLike[, mapFn[, thisArg]])
> arrayLike 想要转换成真实数组的类数组对象或可遍历对象。
mapFn 可选参数,如果指定了该参数,则最后生成的数组会经过该函数的加工处理后再返回。
thisArg 可选参数,执行 mapFn 函数时 this 的值。
(v,k) => v 原生JS里会常用;
(v,k) => v jQuery中常用;
array.forEach(callback[, thisArg])
> 对数组的每个元素执行一次提供的函数(回调函数)。
需配合document.querySelectorAll()使用,不能使用TagName、ClassName等选择器
transitionend
> 过渡,在css事件完成过渡后触发;和click同等级;
object.classList 是一个只读属性,返回一个元素的类属性的实时 DOMTokenList集合。
>
object.classList.add(xxx); 添加类;
object.classList.remove(xxx); 删除类;
object.classList.toggle(xxx); 删除or添加类xxx,但不会影响其他的类;
html中定义属性 data-xxx='yyy';
> js中使用属性值 object.dataset.xxx
jQuery中使用属性值 $().data('xxx');
console.table(对象)
> 以表格的形式显示
原生js代码
> [可本地存储的json数据] = JSON.stringify( [内容] );
对象=JSON.parse( json数据 );
存储本地
读取本地
[内容] = JSON.parse( [json数据] );
$.ajax(
{
type:"get",
url:"xxx.php",
dataType:"json",
data:{
name:"张三",
number:$("#staffNumber").val(),
sex:"男",
job:"titleName"
}
success:function(data){
if(data.success){
}
else{
}
}
error:function(jqXHR){
}
}
);
$.ajax(
{
type:"GET",
url:"xxx.php",
dataType:"json",
data:{
},
success:function(){
},
error:function(jqXHR){
}
}
);
设置时间
`var endTime1 = new Date(2017,2,1,0,0,0);`
parseInt(xxx);
> 取整数;
取 小时、分钟、秒 数;
> `var m = parseInt(durTime/(60*1000)%60);`
.siblings() jQ中的方法,选中所有兄弟元素(不包括本身);
> `$(this).addClass("on").siblings().removeClass("on");` 给自己加上"on"的类,同时去除兄弟元素的"on"类;