場景:
一、 單頁面web程序中列表頁有1000條數據,點擊一條數據跳轉到詳細頁,然後詳細頁放回列表頁保存列表頁有1000條數據不變。
解決方案
一、用新窗口打開詳細頁面不讓用戶返回。
二、如果是APP模式,監控發起URL地址發現打開鏈接類型:_blank, 彈出一個新的 webview窗口去承載詳細頁。
三、用redux保存當前列表數據狀態,注入路由鉤子記錄頁面離開時候DOM節點狀態
,在頁面加載完上狀態數據完畢之後將DOM恢復。
探討方案三:
效果
實現代碼:
場景:
一、 單頁面web程序中列表頁有1000條數據,點擊一條數據跳轉到詳細頁,然後詳細頁放回列表頁保存列表頁有1000條數據不變。
解決方案
一、用新窗口打開詳細頁面不讓用戶返回。
二、如果是APP模式,監控發起URL地址發現打開鏈接類型:_blank, 彈出一個新的 webview窗口去承載詳細頁。
三、用redux保存當前列表數據狀態,注入路由鉤子記錄頁面離開時候DOM節點狀態
,在頁面加載完上狀態數據完畢之後將DOM恢復。
探討方案三:
效果
實現代碼: