Question

我正在使用phonegap + jqm构建离线应用程序。所有应用页面都在单独的文件中。我的页面文件结构示例。

<div data-role="page" id="page2">
   <script type="text/javascript">
       ... Necessary javascript to create page content ...
   </script>

   <div data-role="header"><h3>Header</h3></div>
   <div data-role="content">Content</div>
   <div data-role="footer"><h3>Footer</h3></div>
</div>

使用页面标记内联编写js代码是一种好方法吗？对我来说，它清晰方便。我看到并可以为当前页面编写所有必要的代码。我不希望编写所有负责在一个文件中创建页面内容而不是包含在头文件中的代码。那么，可以吗？

Answer 1

从功能上讲，最终结果是相同的，无论您的JavaScript是否在页面上内嵌，或者您是否链接到该页面，所以如果您只想将所有JavaScript内联到内，就可以。

这就是说将代码与标记分开通常是一个好主意，这样做有助于使事情更加结构化，并使代码重用更容易。例如，在您的情况下，您可以为每个页面提供特定于页面的JavaScript文件，以及一些JavaScript文件，每个文件包含可能适用于多个页面的代码，您现在可以通过链接轻松地在任何一个页面中重复使用这些代码它。

您的应用离线的事实不应该对分离JavaScript的好处产生任何影响。

我不想写所有负责创建页面内容的代码只是一个文件而不是包含在标题中。

两件事，首先没有理由将所有代码保存在一个文件中，尽可能多地使用（在常规网页中，您可能希望在发布之前将它们组合在一起，但因为这是一个脱机的手机应用程序我不会认为它有所不同。其次，通常considered good practice将JavaScript文件放在页面底部，这样就不会阻止页面的其余部分加载。

Jquery Mobile。离线应用的标记和代码结构

1 个答案: