cookie 儲存導航選單的展開狀態

2022-03-29 06:58:04 字數 451 閱讀 4905

選單展開狀態儲存,最開始是用session來存的,用session存沒點選一次選單就會多次訪問後台頁面,影響頁面載入速度,後來改用js的cookie來存;**如下

//獲取cookie

function getcookie(name)

else

}//設定cookie

function setcookie(name,value)

但是測試的時候發先選單會亂跳,取出cookie的值發現,每次設定cookie的值不是做修改覆蓋,而是會新增,找了很久發現原來是設定cookie的時候沒有設定域,應在設定的時候新增域:paht=dir,dir是指當前設定的cookie 能訪問的有效的資料夾,當dir=/,表示全站可訪問

document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.togmtstring()

移動端 仿hover效果觸發導航選單展開

pc端,很多互動是由滑鼠滑過觸發偽類 hover 來實現的,而移動端是沒有滑鼠hover事件的,我們可以將原來響應 hover的dom元素,繫結監聽touchstart和touchend,動態新增 除去 hover 這個類來達到等價於pc端互動的效果。邏輯核心 ontouchstart 相當於 on...

側邊導航欄只展開當前的導航

antd 實現側導航欄只展開當前導航,其他關閉,效果如下 選單的資料結構是這樣的,子選單要包含主選單的名字 antd導航有個openkeys屬性和onopenchange事件,執行onopenchange事件時,把展開的列表賦值過去 選中當前選單收起其他選單 onopenchange openkey...

CSS 導航選單的製作

在製作過程中,出現了一些小問題,因為,我沒有設定列的div的高度,所以它會跟著ul的大小變化,導致背景色會變化,而且我不能設定ul的外邊距,也會導致背景色有變化,所以我設定了ul的內填充,我想這是因為div的內容填充的問題。最後我給ul設定內填充padding解決這個問題。也許還有剛更好的解決,還請...