Question

我是移动应用开发的新手。我已经成功创建了一个单页应用程序。我必须添加更多页面。现在我想知道这样做的正确方法是什么，即我可以在普通网站上为每个页面添加不同的html文件。或者我可以将所有代码放在一个html文件中，在不同的div块中，然后根据需要隐藏/显示div。

我想知道： -

编码的正确/标准方式是什么？
一个人比另一个人有什么好处？
任何其他建议。

如果您能指出一些开源示例，那将非常有用。

Answer 1

对于jquery mobile，我建议采用以下方法（所有页面都在一个html中）：

<!DOCTYPE html> 
<html> 
<head> 
    <!-- meta, css and Scripts -->

</head>

<body>

<div data-role="page" id="login-page" class="login-page" data-theme="d">

    <div data-role="content">
        <!-- Content goes here -->
    </div>
</div>

<div data-role="page" id="home-page" class="home-page" data-theme="d">

    <div data-role="content">
        <!-- Content goes here -->
    </div>
</div>

与不同页面的不同html相比，这将减少页面转换的一些时间。当我使用不同的html时，它在页面转换时显示白屏一小秒。转换到这种方法后，问题就解决了，现在性能也好得多。

希望这有帮助。

html文件的移动web应用程序结构

1 个答案: