1. 程式人生 > >OAUI前臺設計(二)

OAUI前臺設計(二)

pos 搜索引擎搜索 tex 分享 前臺 索引 nbsp info 效果

今天看了菜鳥教材的頁面,他的頁面類似於OA辦公系統UI,突然有所想法。

1.我以前糾結的是菜單欄要做到無刷新,這樣的話,只能使用iframe等技術,這要是不利於搜索引擎搜索的。

2.今天看來菜鳥教材的UI,突發想法,在刷新的狀況下,視覺上做到一個無刷新的效果,雖然會增加工作量,但是會優化搜索引擎。

  目前是我能想到的一個辦法(pjax這個暫時先放一邊)

設計的思路:

  技術分享圖片

這邊菜單導航不管怎樣都會存在一個默認選擇的一個變色效果,刷新頁面,重新請求資源,我固定(寫死)菜單與對應內容的對應關系,這樣對應的菜單變色

也就是說菜單的變色一對一的帶出內容,不管怎樣請求資源,這個變色的狀態是不會改變的。

OAUI前臺設計(二)