Question

免责声明：我是Stack Overflow和HTML5 / CSS / JavaScript的新手。此外，我的方案简化了。

我正在与其他人开发的GUI进行交互。 GUI涉及HTML5 / CSS / JavaScript页面。有2个屏幕：一个简单的屏幕充当闪屏，另一个屏幕上有锁屏按钮。启动画面显示在按钮屏幕的顶部。按下启动屏幕会隐藏屏幕上的所有屏幕，显示按钮屏幕。按下锁定屏幕按钮可重新显示启动画面。锁屏按钮是一个带有锁定图标的圆圈。

问题是有时锁定图标不会出现在锁定屏幕按钮中。按下按钮时，或者在没有用户交互的2分钟后，按钮图标会重新出现。

最初，没有启动画面 - 页面将首先显示锁屏按钮。我认为缺少按钮图标是由于客户端没有足够的时间来渲染/解析/加载（？）所有页面，因此开发人员首先在另一个上面显示启动画面。

回想起来，我认为如果图标尚未加载，那么在它上面拍打另一个屏幕就不会强制图标刷新/重新出现。我不认为与启动画面的交互会对锁屏按钮产生影响，对吗？

此外，我通过在Google Chrome浏览器上显示GUI进行测试。当我使用开发人员工具并放慢网络速度（到＃34; Fast 3g＆＃34;）时，我注意到HTML5文档正在加载＆＃34;顶层＆＃34;在进入＆＃34;子层＆＃34;之前，首先是DOM。例如，这个：

<!DOCTYPE html>
<head></head>
<body></body>

在此之前加载：

<!DOCTYPE html>
<head>
    <!-- MORE STUFF -->
</head>
<body>
    <div></div>
    <!-- MORE STUFF, including but not limited to JavaScript linking -->
    <script type="text/javascript" src="some/javascript.js"></script>
</body>

在此之前加载：

<!DOCTYPE html>
<head>
    <!-- MORE STUFF -->
</head>
<body>
    <div>
        <div class="lock-icon"></div>
    </div>
    <!-- MORE STUFF, including but not limited to JavaScript linking-->
    <script type="text/javascript" src="some/javascript.js"></script>
</body>

如果是这种情况，那么在读取/运行所有JavaScript函数之前，文档可能没有足够的时间加载图标？也许这解释了在没有用户交互2分钟后图标返回的准确性？

HTML5文档首先加载第一层，然后加载第二层，依此类推

0 个答案: