【PRACTICE】GitHub榜单移动端页面技术总结

最新推荐文章于 2023-09-22 23:46:33 发布

粥粥周周舟舟

最新推荐文章于 2023-09-22 23:46:33 发布

阅读量309

点赞数

分类专栏： js CSS jquery

本文链接：https://blog.csdn.net/weixin_42717849/article/details/100602831

版权

js 同时被 3 个专栏收录

20 篇文章 0 订阅

订阅专栏

CSS

7 篇文章 0 订阅

订阅专栏

jquery

2 篇文章 0 订阅

订阅专栏

预览地址
https://zhouzhouzzz.github.io/GitHubTopList/GitHubList.html

对于同一个变量注意不要重复声明

var timeOut=0;
function scrollFun(handler, ind) {
    if ($('main').scrollTop() + $('main').height() == $('section').eq(ind).height()) {
        if (timeOut == 0) {
            timeOut = setTimeout(handler, 1000);
        } else {
            clearTimeout(timeOut);
            timeOut = 0;
        }
    }
}

第一次写的时候，函数体内的timeOut前加了var，报错了，undefined，这是因为函数体内有了timeOut的声明，就不会再去函数体外找了，声明提前而赋值不会提前，所以就报错undefined了。

注意函数作为参数传递时的写法。

$('main').scroll(function () {
    var indexScr = $('section.active').index();
    switch (indexScr) {
        case 0:
            scrollFun(function () {
                getTopRepos(pageRepos, 'language:javascript', 0, 1)
            }, 0);
            break;
        case 1:
            scrollFun(function () {
                getTopUser()
            }, 1);
            break;
        case 2:
            scrollFun(function () {
                getTopRepos(pageRepos, $('#repo').val(), 2, 3);
            }, 2);
            break;
    }
})

第一次写的时候，没有套外层的function，直接写的是类似于getTopRepos(pageRepos, $('#repo').val(), 2, 3); 这个函数体内有ajax请求，就发现，即时不满足发出请求的条件，但后台一直在发出请求，后来想通了，这是执行函数的写法，所以，如果把函数要当做参数传递的话，需要外层套一个function，形成一个匿名函数。