性能调优，将获取offsetwidth的行为放置requestAnimationFrame中

[zzzJH]

这个变动的性质是

• 其他改动

需求背景

1. 针对使用antd表格，在大量数据下的调优
2. 表格下的分页使用了该控件，存在forced reflow的问题
   

实现方案和 API

将获取offsetwidth的行为放置requestAnimationFrame中

const raf = window.requestAnimationFrame
  || window.webkitRequestAnimationFrame
  || window.mozRequestAnimationFrame
  || window.msRequestAnimationFrame
  || function(cb) { return setTimeout(cb, 16); };

function componentDidMount() {
  raf(this.setDropdownWidth);
}

function componentDidUpdate() {
  raf(this.setDropdownWidth);
}

对用户的影响和可能的风险

无明显影响

changelog

性能优化，将获取offsetwidth的行为放置requestAnimationFrame中

请求合并前的自查清单

• 文档已补充或无须补充
• 代码演示已提供或无须提供
• TypeScript 定义已补充或无须补充
• Changelog 已提供或无须提供

后续计划

无

[ant-design-bot]

Deploy preview for rc-select failed.

Built with commit adc6ef3

https://app.netlify.com/sites/rc-select/deploys/5cac9034a77bb500097e0652

[afc163]

👍！

[zombieJ]

raf 后要记得 cancel，否则还是都会跑一边。

另外需要测试一下，第一次弹窗的时候会不会闪一下

[afc163]

这个库的 ci 怎么没了？@chenshuai2144 @zombieJ

[zzzJH]

还发现个问题，本地跑用例发现有个没过，修改之前就已经存在了。

[Tsury]

I'm using v9.1.5 and I'm still seeing this issue...
https://i.imgur.com/cPv8MB3.png