gpt4 book ai didi

javascript - 能否避免iPhone 6网页 react 延迟(近1秒)?

转载 作者:行者123 更新时间:2023-11-28 07:04:22 25 4
gpt4 key购买 nike

问题

有什么办法,也许是硬件加速,或者WebGL,或者任何东西,任何东西,我可以做来加快iPhone上的触摸 react 速度?我真的希望 react 能够立即出现。

我的问题

我注意到我的菜单花了近一整秒的时间才对 iPhone 6 上的图标点击使用react,而菜单对桌面上的点击立即使用react。我注意到我访问的所有测试移动网站似乎都是这种情况,大约 1 秒的延迟确实很麻烦,它剥夺了 Web 应用程序那种清晰、 react 性的感觉。另一方面,iOS 上安装的应用程序会对触摸立即使用react,所以我知道这不是触摸检测速度。

示例

我创建了一个示例来测试这一点:

var size = 'norm';
var $box = $('#box').on('click', function () {
if (size == 'norm') {
$box.css({
'width' : '1in',
'height' : '1in'
});
size = 'big';
} else {
$box.css({
'width' : '',
'height' : ''
});
size = 'norm';
}
});
#box {
width:0.5in;
height:0.5in;
margin:0.5in;
background-color:violet;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="box"></div>

点击 iPhone 上的方框,您就会明白我的意思。

我尝试过的

我尝试将 -webkit-transform:translateZ(0); 插入元素的样式中以激活硬件加速,但这似乎并没有提高速度。

最佳答案

使用轻量级插件来消除点击延迟,例如 fastClick https://github.com/ftlabs/fastclick

关于javascript - 能否避免iPhone 6网页 react 延迟(近1秒)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31819965/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com