我正在创建一个小型Web应用程序。 该应用程序有几个屏幕（列表，内部列表，项目详细信息等）。 我在服务器上有一个REST API，我需要创建客户端。
一开始我想到了每个主屏幕的HTML页面。 对于每个页面，我都有CSS和JS代码。 HTML将仅包含将由JS代码填充的占位符（空div）。
然后我决定将应用程序创建为单页面应用程序，并使用带有锚点的URL来暗示状态（domain.com/#list1#item1）。
我发现this问题可以提供有关应用程序架构的信息，但我想知道：
1）如何以干净的方式将正确的CSS提供给页面？
2）如何以干净的方式定义页面基本结构（HTML div的方式）？
答案 0 :(得分：0)
除非你的css从一个页面到另一个页面截然不同，否则无论如何它应该在一个页面中。您将拥有一个基本的css文件，该文件可以提供给每个页面，然后根据需要为每个页面分页特定的css文件。这个想法是减少页面加载开销，但在你的情况下，它听起来很小，所以将所有内容放在一个css文件中不应该有太大的影响。
至于页面结构，首先在纸上粗略绘制每个页面，然后在div中画铅笔。然后看看事物是如何重叠的，主页面布局元素是什么以及实际的页面布局元素是什么。然后看看常见的部分来决定如何设置你的div。
老实说，尝试在一个页面上做所有事情，div的布局充其量只会有点混乱。除非它是相关的功能，如向导的步骤或类似的东西，如果你尝试添加或更改东西，将它全部放在一个页面可能会导致道路问题。