美文网首页
JS知识点01

JS知识点01

作者: 君当日胜贵 | 来源:发表于2017-02-26 20:26 被阅读0次


    ### 知识点

    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"类;

    相关文章

      网友评论

          本文标题:JS知识点01

          本文链接:https://www.haomeiwen.com/subject/qrkawttx.html