如何优化这样处理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的代码
// ...
});像这样的代码如何优化啊，相同的代码写了两遍，感觉很不好！
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
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赞同 展开评论
问答分类：
相关问答