开发者社区> 问答> 正文

如何优化这样处理UI的JavaScript代码写法?

// jquery 处理UI的代码

//...

$div.scrollTop($div.find('.show-me').offset().top);
// 还有很多其他处理UI的代码
// ...

$(window).on('resize', function() {
    // 当浏览器窗口大小被调整后
    // 需要重新初始化
    // 代码与前面相同

    $div.scrollTop($div.find('.show-me').offset().top);
    // 还有很多其他处理UI的代码
    // ...
});

像这样的代码如何优化啊,相同的代码写了两遍,感觉很不好!

展开
收起
小旋风柴进 2016-03-26 08:33:15 1896 0
1 条回答
写回答
取消 提交回答
  • 把相同的代码抽离出来封装成一个函数

    var renderView = function(){
        $div.scrollTop($div.find('.show-me').offset().top);
    };
    
    $(window).on('resize', function() {
        renderView();
    });

    另外,resize是高频触发事件,你还需要考虑函数节流
    浅谈javascript的函数节流
    浅谈 Underscore.js 中 _.throttle 和 _.debounce的差异

    2019-07-17 19:15:05
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载