• JavaScript基础知识三


    51、ES5中字符串新增的方法

      charAt()  获取指定位置上的字符
      indexOf() 获取字符第一次出现的位置
      substring() 截取字符串内容
      slice()  截取
      split()  将字符串分割成数组
      replace()  替换
      substr 返回一个从指定位置开始的指定长度的子字符串

    52、字符转换成ascii码,数字转换成对应的字符 

      charCodeAt():将字符转换成ascii码
      String.fromCharCode():将数字转换成对应的字符

    53、Math常见的API

      Math.random()=====随机数
            Math.pow()====次方
            Math.round()====四舍五入 
            Math.ceil() ===向上取整 
            Math.floor()===向下取整 
            Math.PI  ====π 
            Math.max()===返回最大值
            Math.min()===返回最小值
            Math.sqrt() ===开方

    54、将10进制的字符转换成16进制和8进制

      数字.toString(16)
      数字.toString(8)

    55、创建一个对象、增加、删除  

      第一种创建方式:var obj = new Object()
      第二种创建方式:var obj = {};
      增加属性:obj.属性名   obj.方法名
      删除属性:delete obj.属性名    delete  obj.方法名

    56、js中常见的内置对象 

      new String()  new Array()  new Date()   new RegExp()   等等

    57、创建时间对象 

      new Date()

    58、创建未来或者过去的时间对象

      var d = new Date('2017-10-20 22:22:22')
      var d = new Date('2017/10/20 11:11:11')

    59、获取时间戳

      getTime();

    60、常用的时间API

            set/getFullYear()====获取年份
            set/getMonth()=====获取或者设置月份  月份是从0开始的 
            set/getDate() ====获取或者设置日期 
            set/getHours()====获取或设置时
            set/getMinutes()===获取或设置分
            se/getSeconds() ===获取或设置秒
            getDay();====如果是星期日的话返回是0;

    61、将日期格式转化成为字符串

      function dateString(date,sign){
           if(sign==undefined){
                sign='/'
           }
      return d.getFullYear()+sign+d.getMonth()+sign+d.getDate()+''+'周'+d.getDay()+d.getHours()+':'+d.getMinutes()+':'+d.getSeconds()
      }

    62、将指定格式字符串转化为日期两种方式

      a、var d = new Date('2018-11-11')
      b、var oTime = Date.parse('2019-11-11')
       var d = new Date(oTime)

    63、浏览器缓存

      浏览器缓存(Browser Caching)是为了加速浏览,浏览器在用户磁盘上对请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样就可以加速页面的阅览

    64、打印当前浏览器的版本等信息

      navigator.userAgent
      返回包含浏览器版本等信息的字符串 ,常用于判断浏览器版本及使用设备(PC或者移动端)

    65、window.onload与window.onscroll的区别

      window.onload:当页面加载完成的时候
      window.onscroll:当页面滚动的时候

    66、关于DOM的增、删、查

      增---------createElement
        var oDiv = document.createElement('div');
        document.body.appendChild(oDiv);//只有追加后,页面上才会出现 
      删---------removeChild
        语法:fatherObj.removeChild(childrenObj) 
        参数解释:
        a、fatherObj:要删除子元素的元素对象
        b、childrenObj:要被删除的子元素对象
      查---------六种
        document.getElementById('');常用
        document.getElementsByClassName('');(ie9+)常用
        document.getElementsByTagName('');常用
        document.getElementsByName('');不常用
        document.querySelector(选择器)(IE8+)(IE8+)根据选择器返回匹配到的第一个元素
        document.querySelectorAll(选择器);(IE8+)常用 根据选择器返回匹配到的所有的元素

    67、关于Dom节点的分类

      节点分为3种类型:
        a、元素节点 <span></span>
        b、文本节点 <span>xxx</span>
        c、属性节点 <span id ='xxx'></span>
      可以通过nodeType这个属性查看节点的类型
        nodeType == 1 元素
        nodeType == 2 属性
        nodeType == 3 文本节点

    68、获取非行间样式

      function getStyle(obj,attr){
           if(obj.currentStyle){
                return obj.currentStyle[attr];
           }else{
               return getComputedStyle(obj,false)[attr]; 
           }
      }

    69、获取、设置、删除自定义属性

       元素.getAttribute(属性名);
       元素.setAttribute(属性名,属性值);
      元素.removeAttribute(属性名);

    70、关于IE的calss与className

      FF:使用setAttribute("class", vName)语句动态设置Element的class属性在firefox中是行的通的  
      IE:在IE中却不行。因为使用IE内核的浏览器不认识"class",要改用"className"
  • 相关阅读:
    设计模式之代理模式
    angularJS 常用插件指令
    textarea 输入框限制字数
    IE11报错:[vuex] vuex requires a Promise polyfill in this browser的问题解决
    Oauth2.0协议 http://www.php20.com/forum.php?mod=viewthread&tid=28 (出处: 码农之家)
    申请qq第三方登录 http://www.php20.com/forum.php?mod=viewthread&tid=29 (出处: 码农之家)
    yii2邮箱发送
    错误提示:LINK : fatal error LNK1123: failure during conversion to COFF: file invalid or corrupt 的解决方法
    Java面试-List中的sort详细解读
    Java服务器-Disruptor使用注意
  • 原文地址:https://www.cnblogs.com/niuxiaoxian/p/8507590.html
Copyright © 2020-2023  润新知