單頁網頁應用基本邏輯

Question

我正在創建一個小型網頁應用程序。 該應用程序有幾個屏幕（列表，內部列表，項目詳細信息等）。 我在服務器上有一個REST API，我需要創建客戶端。

在開始時，我想到了每個主屏幕的HTML頁面。 對於每一頁我有一個CSS和JS代碼。 該HTML將只包含佔位符（空白div），它們將由JS代碼填充。

然後，我決定創建一個應用程序作爲單頁面應用程序，並使用帶有錨點的URL暗示狀態（domain.com/#list1#item1）。

我發現this問題是關於信息的應用程序的架構，但我不知道：

1）我怎麼能服務器的權限CSS頁面在乾淨的方式？

2）如何以一種乾淨的方式定義頁面基本結構（HTML div的做法）？

Answer 1

除非你的CSS從一頁到下一頁差別很大，否則它應該在一頁中。您將擁有一個基本css文件，它可以提供給每個頁面，然後根據每個頁面的需要爲特定的css文件分頁。這個想法是減少頁面加載開銷，但在你的情況下，它聽起來像是非常小，所以把一切放在一個CSS文件應該不會有太大的影響。

至於頁面結構，首先在紙上對每個頁面進行粗略繪製，然後在div中做鉛筆。然後看看事物是如何重疊的，以及母版頁佈局元素和什麼是實際頁面佈局元素。然後看看常見的部分來決定如何設置你的div。

老實說，試圖在一個頁面上做所有事情，div的佈局最好會有點混亂。除非它是像嚮導或類似的步驟那樣的相關功能，否則如果嘗試添加或更改內容，將其全部放在一個頁面中可能會導致道路問題。