首页 > 抖音热点分享 > 抖音超火的罗盘时钟
2022
11-21

抖音超火的罗盘时钟

  由于使用dom 操作会消耗性能,这里需要大量的添加 dom 节点,如果使用简单的for循环生成节点,会多次的修改 dom 结构

  为了提高性能,可以建立一个文档碎片documentfragment,作为临时容器,最后一次再加到父节点中

  通过定位将全部span盒子定位在一起,通过transfromX将盒子一开,作为半径,再通过给每个盒子旋转一份角度,使得盒子均匀的散开

  由于页面加载需要一定时间,会导致js代码未能立即执行,页面会有一段空白阶段,所以添加一个立即执行函数让页面一加载就有效果呈现


本文》有 0 条评论

留下一个回复