js常见问题

js常见问题

1.滚动加载

    function onScroll() {
        if (this.curPage > this.totalPage) return;
        var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
        var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
        var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        if (scrollTop + windowHeight > scrollHeight - 100) {
            // flagData防止触发多次
            if (!this.flagData) return;
            this.flagData = false;
            this.getSingerList();//请求数据成功后 page+1, this.flagData = true;
        }
    }

2.获取特定对象的值,key忽略大小写

let options={
    shareUserId:123,
}
// let shareUserId=options.shareUserid||options.shareUserId||options.shareUserID;

for (let item in options){
    if(item.toLowerCase()=='shareuserid'){
        let shareUserId=options[item];
        console.log(shareUserId);//123
    }
}

3. 获取地址中的参数值

function getUrlParam(name, url) {
  if (!url) url = location.href;
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(url);
  return results == null ? null : results[1];
}

4.格式化时间

/**
 * 格式化时间
 * @ date 时间参数,传入字符串
 * @ fmt 时间显示格式,‘yyyy-MM-dd hh:mm:ss’
 */
function formatDate(time, fmt) {
    if(!time) return '';
    var date = new Date(time);
    var o = {
        'y+': date.getFullYear(),
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'h+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds()
    };
    for (var k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) {
            var str = o[k] + '';
            fmt = fmt.replace(RegExp.$1, (str.length === 1) ? ('0' + str) : str);
        }
    };
    return fmt;
}

5.版本号比较

function versionCompare(curV, reqV) {
        var arr1 = curV.split('.');
        var arr2 = reqV.split('.');
        //将两个版本号拆成数字 
        var maxL = Math.max(arr1.length, arr2.length);
        var pos = 0; //当前比较位
        var diff = 0; //当前为位比较是否相等
        //逐个比较如果当前位相等则继续比较下一位
        while (pos < maxL) {
            diff = parseInt(arr1[pos]||0) - parseInt(arr2[pos]||0);
            if (diff != 0) break;
            pos++;
        }
        if (diff >= 0) {
            return true;
        } else {
            return false;
        }
    }
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/101129.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • CharacterEncodingFilter 失效[通俗易懂]

    CharacterEncodingFilter 失效[通俗易懂]characterEncodingFilter      org.springframework.web.filter.CharacterEncodingFilter               encoding         UTF-8                     forceEncoding         t

    2022年7月12日
    18
  • MyBatis批量新增和更新

    MyBatis批量新增和更新

    2020年11月12日
    190
  • java maven 安装

    java maven 安装

    2021年6月13日
    115
  • 大数据的应用实例_net开源开发web框架

    大数据的应用实例_net开源开发web框架NetAdvantage的整套组件中,应该说WebGrid是应用最多的。但是网上的关于这方面的资料非常少。这段时间刚好项目处于收尾阶段,因为空余下来。而有一个项目中完全的运用了WebGrid。因此有了一些心得,现在共享大家这里我主要结合常见项目进销存中的一个入库单来讲解WebGrid在B/S开发中的便利我先把做好的界面和效果展示给大家,让大家有一个直观的了解当我在订单编号中输入订单编号后,我使用一

    2022年9月27日
    4
  • 真封神单机保姆级教程

    真封神单机保姆级教程什么叫真封神服务端?真封神服务端由四部分组成,分别是数据库服务器gameworld(俗称W)登录网关login_server(俗称L)更新服务器update_server(俗称U)

    2022年7月4日
    24
  • linux虚拟机上网

    linux虚拟机上网虚拟机linux版本:redhat9.0总结一下:要保证虚拟机系统可以上网,得先解决虚拟机和真实主机的连接关系。VMware主要给出3种模式,我们常用的有“bridge(桥接)”和“Nat(网络地址转换)”方式。虚拟机设置方法:单击“虚拟机”→“设置”→“以太网,然后选择连接方式。    1.bridge(桥接):     将虚拟机网卡(本地连接)的IP地址和

    2022年5月12日
    50

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号