美文网首页
js不常见的小知识点

js不常见的小知识点

作者: 最好的自己_3d47 | 来源:发表于2019-08-13 11:11 被阅读0次
1.在for循环里,break,return,continue之间的区别?

return:结束循环,并不会执行下次的循环,终止当前函数; break:结束循环,并不会执行下次循环,不终止当前函数,循环体外的函数正常执行; continue:只是跳出当前循环,之后继续执行循环

2.数组排序
let arr=[2,5,1,10,22];
arr.sort(function(a,b){
   return a-b;
})
3.判断一个数组是否含有某个对象

数组全部转换成字符串 然后使用indexOf

4.时间段内对应的日期
           this.dataScope('2018-09-02','2018-09-06');
            dataScope(value1, value2) {  
                var date1 =new Date(value1).getTime();  
                var date2 =new Date(value2).getTime();
                if (date1>date2) {  
                    var tempDate = date1;  
                    date1 = date2;  
                    date2 = tempDate;  
                }  
                var dateArr = [];  
                var i = 0;   
                while (date1<=date2) { 
                    date1=new Date(date1);
                    var dayStr =date1.getDate().toString();  
                    if(dayStr.length ==1){  
                         dayStr="0"+dayStr;  
                    }
                    dateArr[i] = date1.getFullYear() + "-" + (date1.getMonth() + 1) + "-"  
                            + dayStr;  
                    i++;   
                    date1.setDate(date1.getDate() + 1);  
                }  
                return dateArr;  
            },

返回的日期包括起始日期,如果不想包括起始日期 修改代码

5.公告栏向上滚动展示信息
            <div class="news"style="height:60px;overflow:hidden;">
                <div style="overflow: hidden;height:60px" class="ulWrap">
                    <ul class="content1">
                        <li>
                            <h4>2019年9月19日 19:30-21:00</h4>
                            <p>CD30+淋巴瘤诊疗策略探索 1E会议室</p>
                        </li>
                        <li>
                            <h4>2019年9月21日 12:30-14:00</h4>
                            <p>武田抑那通卫星会 1G-2会议室</p>
                        </li>
                    </ul>                   
                </div>
            </div>
      //js部分
      <script>
        setInterval("noticeUp('.ulWrap ul','-60px',1000)", 2000);
          function noticeUp(obj,top,time){
            $(obj).animate({
            //样式
            marginTop: top
            }, time, function () {
            //回调函数
            $(this).css({marginTop:"0"}).find(":first").appendTo(this);
            })           
          }
      </script>

注意点:$(this).find(":first").appendTo(this)=>从ul里找到第一个子元素然后在插入ul,相当于删除第一个子元素后再在ul父元素里插入

6. 修改storage里对象的某个字段

   var arr=[];
   arr=JSON.parse($.getStorage('userData'));
   arr.firstLogin=false;
   $.setStorage('userData',arr);

相关文章

  • 前端基础知识点

    1.html常见知识点 2.css常见知识点 3.js常见知识点 数组知识点 4.计算机网络知识点 5.数据结构 ...

  • ReactNative面试常见问题

    一、JS基础知识 1、常见知识2、Webpack知识点 二、ReactNative知识点 1、常见知识2、Flat...

  • js小知识点

    js小知识点 整理 js小知识点 (一):获取元素 1:document.getElementById('id名'...

  • js不常见的小知识点

    1.在for循环里,break,return,continue之间的区别? return:结束循环,并不会执行下次...

  • 小知识点集汇一

    小知识点集汇一 小知识点 node接口模拟返回 js接口模拟数据 mockjs mocha js 测试框架--教程...

  • js常见知识点

    一、 js基本数据类型和引用数据类型 js基本数据类型:Number、String、Boolean、Null、un...

  • 微信小程序(七)小程序内嵌和require和拿到app全局变量

    (一) 本节知识点 小程序内嵌JS 代码 小程序require (二) 小程序内嵌JS代码 必须用wxs标签和 m...

  • JS 一句话系列

    初衷 JS细节知识点比较多,容易忘记。所以有这个系列,一句话概括知识点,方便回忆。 记录 Decorator常见用...

  • react学习(2)

    知识点 1:babel.js的作用:ES6=>ES5,jsx=>js2:小案例

  • 前端小知识点综合大全

    小知识点 node接口模拟返回 js接口模拟数据 mockjs mocha js 测试框架--教程 git 教程 ...

网友评论

      本文标题:js不常见的小知识点

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